From 710d19e73ebf0ddea9f9b9cf2f8e34f2ed479f79 Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Wed, 28 Sep 2022 15:32:16 +0200
Subject: [PATCH 1/5] Add browser support
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This significantly changes how tests are run. Because we need to run
tests in the browser, Playwright is used for testing. The tests now use
the Playwright snapshot feature. For every input fixture a markdown and
HTML snapshot are made both using the Node.js and the browser API.

To run tests in the browser, esbuild is used to serve a bundled version
of the browser API. This is then dynamically imported and called inside
a Playwright browser page.

Unlike the Node.js implementation, the browser implementation doesn’t
support any options. Launch options are irrelevant in the browser.
Mermaid configuration is global in the browser. SVG Minification is
probably unneeded when used in the browser, so SVGO isn’t included.

Closes #8
---
 .c8rc.json                                    |   1 +
 .eslintrc.yaml                                |   5 +
 .gitignore                                    |   1 +
 .prettierignore                               |   3 +-
 README.md                                     |   7 +
 browser.ts                                    |  38 ++
 index.ts                                      |  42 +-
 package-lock.json                             | 607 ++++++++----------
 package.json                                  |  19 +-
 playwright.config.ts                          |  24 +
 test.ts                                       | 104 ---
 {__fixtures__ => test/fixtures}/dark/input.md |   0
 .../fixtures}/dark/options.json               |   0
 .../fixtures}/flowchart/input.md              |   0
 .../fixtures}/fontawesome/input.md            |   0
 .../fixtures}/forest/input.md                 |   0
 .../fixtures}/forest/options.json             |   0
 .../fixtures}/gantt/input.md                  |   0
 .../fixtures}/multiple/input.md               |   0
 .../fixtures}/neutral/input.md                |   0
 .../fixtures}/neutral/options.json            |   0
 .../fixtures}/no-mermaid/input.md             |   0
 .../fixtures}/sequence/input.md               |   0
 .../fixtures}/simple/input.md                 |   0
 test/runInBrowser.ts                          |  22 +
 test/test.ts                                  | 108 ++++
 test/test.ts-snapshots/dark-browser.html      |   2 +
 test/test.ts-snapshots/dark-browser.md        |   3 +
 test/test.ts-snapshots/dark-node.html         |  91 +++
 .../test.ts-snapshots/dark-node.md            |   2 +-
 test/test.ts-snapshots/flowchart-browser.html |   2 +
 test/test.ts-snapshots/flowchart-browser.md   |   3 +
 .../test.ts-snapshots/flowchart-node.html     |   3 +-
 .../test.ts-snapshots/flowchart-node.md       |   2 +-
 .../fontawesome-browser.html                  |   4 +
 test/test.ts-snapshots/fontawesome-browser.md |   7 +
 test/test.ts-snapshots/fontawesome-node.html  |  84 +++
 .../test.ts-snapshots/fontawesome-node.md     |   2 +-
 test/test.ts-snapshots/forest-browser.html    |   2 +
 test/test.ts-snapshots/forest-browser.md      |   3 +
 test/test.ts-snapshots/forest-node.html       |  91 +++
 .../test.ts-snapshots/forest-node.md          |   2 +-
 test/test.ts-snapshots/gantt-browser.html     |   2 +
 test/test.ts-snapshots/gantt-browser.md       |   3 +
 test/test.ts-snapshots/gantt-node.html        |  73 +++
 .../test.ts-snapshots/gantt-node.md           |   4 +-
 test/test.ts-snapshots/multiple-browser.html  |   9 +
 test/test.ts-snapshots/multiple-browser.md    |  17 +
 test/test.ts-snapshots/multiple-node.html     | 322 ++++++++++
 .../test.ts-snapshots/multiple-node.md        |  38 +-
 test/test.ts-snapshots/neutral-browser.html   |   2 +
 test/test.ts-snapshots/neutral-browser.md     |   3 +
 test/test.ts-snapshots/neutral-node.html      |  91 +++
 .../test.ts-snapshots/neutral-node.md         |   2 +-
 .../test.ts-snapshots/no-mermaid-browser.html |   3 +
 .../test.ts-snapshots/no-mermaid-browser.md   |   0
 test/test.ts-snapshots/no-mermaid-node.html   |   3 +
 test/test.ts-snapshots/no-mermaid-node.md     |   5 +
 test/test.ts-snapshots/sequence-browser.html  |   2 +
 test/test.ts-snapshots/sequence-browser.md    |   3 +
 test/test.ts-snapshots/sequence-node.html     |  74 +++
 .../test.ts-snapshots/sequence-node.md        |  12 +-
 test/test.ts-snapshots/simple-browser.html    |   4 +
 test/test.ts-snapshots/simple-browser.md      |   7 +
 test/test.ts-snapshots/simple-node.html       |  93 +++
 .../test.ts-snapshots/simple-node.md          |   2 +-
 66 files changed, 1559 insertions(+), 499 deletions(-)
 create mode 100644 browser.ts
 create mode 100644 playwright.config.ts
 delete mode 100644 test.ts
 rename {__fixtures__ => test/fixtures}/dark/input.md (100%)
 rename {__fixtures__ => test/fixtures}/dark/options.json (100%)
 rename {__fixtures__ => test/fixtures}/flowchart/input.md (100%)
 rename {__fixtures__ => test/fixtures}/fontawesome/input.md (100%)
 rename {__fixtures__ => test/fixtures}/forest/input.md (100%)
 rename {__fixtures__ => test/fixtures}/forest/options.json (100%)
 rename {__fixtures__ => test/fixtures}/gantt/input.md (100%)
 rename {__fixtures__ => test/fixtures}/multiple/input.md (100%)
 rename {__fixtures__ => test/fixtures}/neutral/input.md (100%)
 rename {__fixtures__ => test/fixtures}/neutral/options.json (100%)
 rename {__fixtures__ => test/fixtures}/no-mermaid/input.md (100%)
 rename {__fixtures__ => test/fixtures}/sequence/input.md (100%)
 rename {__fixtures__ => test/fixtures}/simple/input.md (100%)
 create mode 100644 test/runInBrowser.ts
 create mode 100644 test/test.ts
 create mode 100644 test/test.ts-snapshots/dark-browser.html
 create mode 100644 test/test.ts-snapshots/dark-browser.md
 create mode 100644 test/test.ts-snapshots/dark-node.html
 rename __fixtures__/dark/output.md => test/test.ts-snapshots/dark-node.md (95%)
 create mode 100644 test/test.ts-snapshots/flowchart-browser.html
 create mode 100644 test/test.ts-snapshots/flowchart-browser.md
 rename __snapshots__/rehype.html => test/test.ts-snapshots/flowchart-node.html (94%)
 rename __fixtures__/flowchart/output.md => test/test.ts-snapshots/flowchart-node.md (95%)
 create mode 100644 test/test.ts-snapshots/fontawesome-browser.html
 create mode 100644 test/test.ts-snapshots/fontawesome-browser.md
 create mode 100644 test/test.ts-snapshots/fontawesome-node.html
 rename __fixtures__/fontawesome/output.md => test/test.ts-snapshots/fontawesome-node.md (94%)
 create mode 100644 test/test.ts-snapshots/forest-browser.html
 create mode 100644 test/test.ts-snapshots/forest-browser.md
 create mode 100644 test/test.ts-snapshots/forest-node.html
 rename __fixtures__/forest/output.md => test/test.ts-snapshots/forest-node.md (95%)
 create mode 100644 test/test.ts-snapshots/gantt-browser.html
 create mode 100644 test/test.ts-snapshots/gantt-browser.md
 create mode 100644 test/test.ts-snapshots/gantt-node.html
 rename __fixtures__/gantt/output.md => test/test.ts-snapshots/gantt-node.md (96%)
 create mode 100644 test/test.ts-snapshots/multiple-browser.html
 create mode 100644 test/test.ts-snapshots/multiple-browser.md
 create mode 100644 test/test.ts-snapshots/multiple-node.html
 rename __fixtures__/multiple/output.md => test/test.ts-snapshots/multiple-node.md (94%)
 create mode 100644 test/test.ts-snapshots/neutral-browser.html
 create mode 100644 test/test.ts-snapshots/neutral-browser.md
 create mode 100644 test/test.ts-snapshots/neutral-node.html
 rename __fixtures__/neutral/output.md => test/test.ts-snapshots/neutral-node.md (95%)
 create mode 100644 test/test.ts-snapshots/no-mermaid-browser.html
 rename __fixtures__/no-mermaid/output.md => test/test.ts-snapshots/no-mermaid-browser.md (100%)
 create mode 100644 test/test.ts-snapshots/no-mermaid-node.html
 create mode 100644 test/test.ts-snapshots/no-mermaid-node.md
 create mode 100644 test/test.ts-snapshots/sequence-browser.html
 create mode 100644 test/test.ts-snapshots/sequence-browser.md
 create mode 100644 test/test.ts-snapshots/sequence-node.html
 rename __fixtures__/sequence/output.md => test/test.ts-snapshots/sequence-node.md (94%)
 create mode 100644 test/test.ts-snapshots/simple-browser.html
 create mode 100644 test/test.ts-snapshots/simple-browser.md
 create mode 100644 test/test.ts-snapshots/simple-node.html
 rename __fixtures__/simple/output.md => test/test.ts-snapshots/simple-node.md (95%)

diff --git a/.c8rc.json b/.c8rc.json
index 51d1e5e..0fc1f54 100644
--- a/.c8rc.json
+++ b/.c8rc.json
@@ -1,4 +1,5 @@
 {
   "100": true,
+  "include": ["index.ts"],
   "reporter": ["html", "lcov", "text"]
 }
diff --git a/.eslintrc.yaml b/.eslintrc.yaml
index 0f9d5c7..79fc355 100644
--- a/.eslintrc.yaml
+++ b/.eslintrc.yaml
@@ -1,2 +1,7 @@
 extends:
   - remcohaszing
+rules:
+  no-param-reassign: off
+  '@typescript-eslint/consistent-type-imports':
+    - error
+    - prefer: type-imports
diff --git a/.gitignore b/.gitignore
index 9047223..f773d47 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 coverage/
 dist/
 node_modules/
+test-results/
 *.d.ts
 *.js
 *.log
diff --git a/.prettierignore b/.prettierignore
index af2766f..14f0c47 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,4 +1,3 @@
-__fixtures__/*/output.md
-__snapshots__/
+**/*-snapshots/*
 coverage/
 dist/
diff --git a/README.md b/README.md
index f6b32cc..87ec006 100644
--- a/README.md
+++ b/README.md
@@ -48,15 +48,22 @@ console.log(value);
 These options are passed to
 [`puppeteer.launch()`](https://pptr.dev/#?product=Puppeteer&show=api-puppeteerlaunchoptions).
 
+- **Note**: This options is required in Node.js. In the browser this option is unused.
+
 #### `svgo`
 
 These options are passed to the [SVGO](https://github.com/svg/svgo) constructor. Set to `null` to
 disable minifying using SVGO completely.
 
+**Note**: This options is only supported in Node.js. In the browser this option is unused.
+
 #### `mermaidOptions`
 
 The [mermaid options](https://mermaid-js.github.io/mermaid/#/Setup) to use.
 
+**Note**: This options is only supported in Node.js. In the browser this option is unused. If you
+this in a browser, call `mermaid.initialize()` manually.
+
 ## License
 
 [MIT](LICENSE.md) © [Remco Haszing](https://github.com/remcohaszing)
diff --git a/browser.ts b/browser.ts
new file mode 100644
index 0000000..856db9f
--- /dev/null
+++ b/browser.ts
@@ -0,0 +1,38 @@
+import { fromParse5 } from 'hast-util-from-parse5';
+import { type Code, type Parent, type Root } from 'mdast';
+import mermaid from 'mermaid';
+import { parseFragment } from 'parse5';
+import { type Plugin } from 'unified';
+import { visit } from 'unist-util-visit';
+
+// eslint-disable-next-line jsdoc/require-jsdoc
+function transformer(ast: Root): void {
+  const instances: [string, number, Parent][] = [];
+
+  visit(ast, { type: 'code', lang: 'mermaid' }, (node: Code, index, parent: Parent) => {
+    instances.push([node.value, index, parent]);
+  });
+
+  // Nothing to do. No need to start puppeteer in this case.
+  if (!instances.length) {
+    return;
+  }
+
+  const results = instances.map(([code], index) =>
+    // @ts-expect-error The mermaid types are wrong.
+    mermaid.render(`remark-mermaid-${index}`, code),
+  );
+
+  for (const [i, [, index, parent]] of instances.entries()) {
+    const value = results[i];
+    parent.children.splice(index, 1, {
+      type: 'paragraph',
+      children: [{ type: 'html', value }],
+      data: { hChildren: [fromParse5(parseFragment(value))] },
+    });
+  }
+}
+
+const remarkMermaid: Plugin<[], Root> = () => transformer;
+
+export default remarkMermaid;
diff --git a/index.ts b/index.ts
index f908aad..dc34c68 100644
--- a/index.ts
+++ b/index.ts
@@ -1,12 +1,12 @@
 import { createRequire } from 'module';
 
 import { fromParse5 } from 'hast-util-from-parse5';
-import { Code, Parent, Root } from 'mdast';
-import { Mermaid } from 'mermaid';
+import { type Code, type Parent, type Root } from 'mdast';
+import { type Mermaid } from 'mermaid';
 import { parseFragment } from 'parse5';
-import puppeteer, { Browser, Page, PuppeteerLaunchOptions } from 'puppeteer-core';
-import { optimize, OptimizedSvg, OptimizeOptions } from 'svgo';
-import { Plugin } from 'unified';
+import puppeteer, { type Browser, type Page, type PuppeteerLaunchOptions } from 'puppeteer-core';
+import { optimize, type OptimizedSvg, type OptimizeOptions } from 'svgo';
+import { type Plugin } from 'unified';
 import { visit } from 'unist-util-visit';
 
 const mermaidScript = {
@@ -76,7 +76,9 @@ export const defaultSVGOOptions: OptimizeOptions = {
 
 export interface RemarkMermaidOptions {
   /**
-   * Launc options to pass to puppeteer.
+   * Launch options to pass to puppeteer.
+   *
+   * **Note**: This options is required in Node.js. In the browser this option is unused.
    */
   launchOptions: PuppeteerLaunchOptions;
 
@@ -85,12 +87,17 @@ export interface RemarkMermaidOptions {
    *
    * Set to `null` explicitly to disable this.
    *
+   * **Note**: This options is only supported in Node.js. In the browser this option is unused.
+   *
    * @default defaultSVGOOptions
    */
   svgo?: OptimizeOptions | null;
 
   /**
    * The mermaid options to use.
+   *
+   * **Note**: This options is only supported in Node.js. In the browser this option is unused. If
+   * you this in a browser, call `mermaid.initialize()` manually.
    */
   mermaidOptions?: Parameters<typeof mermaid['initialize']>[0];
 }
@@ -98,11 +105,13 @@ export interface RemarkMermaidOptions {
 /**
  * @param options Options that may be used to tweak the output.
  */
-const remarkMermaid: Plugin<[RemarkMermaidOptions], Root> = ({
-  launchOptions,
-  mermaidOptions = {},
-  svgo = defaultSVGOOptions,
-}) => {
+const remarkMermaid: Plugin<[RemarkMermaidOptions?], Root> = (options) => {
+  if (!options?.launchOptions?.executablePath) {
+    throw new Error('The option `launchOptions.executablePath` is required when using Node.js');
+  }
+
+  const { launchOptions, mermaidOptions, svgo = defaultSVGOOptions } = options;
+
   let browserPromise: Promise<Browser> | undefined;
   let count = 0;
 
@@ -135,14 +144,17 @@ const remarkMermaid: Plugin<[RemarkMermaidOptions], Root> = ({
       results = await page.evaluate(
         // We can’t calculate coverage on this function, as it’s run by Chrome, not Node.
         /* c8 ignore start */
-        (codes, initOptions) =>
-          codes.map((code) => {
-            const id = 'a';
+        (codes, initOptions) => {
+          if (initOptions) {
             mermaid.initialize(initOptions);
+          }
+          return codes.map((code) => {
+            const id = 'a';
             const div = document.createElement('div');
             div.innerHTML = mermaid.render(id, code);
             return div.innerHTML;
-          }),
+          });
+        },
         /* C8 ignore stop */
         instances.map((instance) => instance[0]),
         mermaidOptions,
diff --git a/package-lock.json b/package-lock.json
index 7fa17e6..958d787 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
+        "@types/mermaid": "^9.0.0",
         "@types/svgo": "^2.0.0",
         "hast-util-from-parse5": "^7.0.0",
         "mermaid": "^9.0.0",
@@ -20,22 +21,20 @@
         "unist-util-visit": "^4.0.0"
       },
       "devDependencies": {
-        "@types/mermaid": "^8.0.0",
+        "@playwright/test": "^1.0.0",
         "@types/node": "^18.0.0",
         "@types/sinon": "^10.0.0",
         "@typescript-eslint/eslint-plugin": "^5.0.0",
         "c8": "^7.0.0",
+        "esbuild": "^0.15.0",
         "eslint": "^8.0.0",
         "eslint-config-remcohaszing": "^6.0.0",
         "prettier": "^2.0.0",
-        "puppeteer": "^17.0.0",
         "rehype-stringify": "^9.0.0",
         "remark": "^14.0.0",
         "remark-rehype": "^10.0.0",
         "sinon": "^14.0.0",
-        "tsx": "^3.0.0",
-        "typescript": "^4.0.0",
-        "uvu": "^0.5.0"
+        "typescript": "^4.0.0"
       },
       "engines": {
         "node": ">=14"
@@ -55,9 +54,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz",
-      "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==",
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
+      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -183,40 +182,26 @@
         "node": "^14 || ^16 || ^17 || ^18"
       }
     },
-    "node_modules/@esbuild-kit/cjs-loader": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@esbuild-kit/cjs-loader/-/cjs-loader-2.3.3.tgz",
-      "integrity": "sha512-Rt4O1mXlPEDVxvjsHLgbtHVdUXYK9C1/6ThpQnt7FaXIjUOsI6qhHYMgALhNnlIMZffag44lXd6Dqgx3xALbpQ==",
-      "dev": true,
-      "dependencies": {
-        "@esbuild-kit/core-utils": "^2.1.0",
-        "get-tsconfig": "^4.1.0"
-      }
-    },
-    "node_modules/@esbuild-kit/core-utils": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@esbuild-kit/core-utils/-/core-utils-2.3.0.tgz",
-      "integrity": "sha512-JL73zt/LN/qqziHuod4/bM2xBNNofDZu1cbwT6KIn6B11lA4cgDXkoSHOfNCbZMZOnh0Aqf0vW/gNQC+Z18hKQ==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "~0.15.4",
-        "source-map-support": "^0.5.21"
-      }
-    },
-    "node_modules/@esbuild-kit/esm-loader": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@esbuild-kit/esm-loader/-/esm-loader-2.4.2.tgz",
-      "integrity": "sha512-N9dPKAj8WOx6djVnStgILWXip4fjDcBk9L7azO0/uQDpu8Ee0eaL78mkN4Acid9BzvNAKWwdYXFJZnsVahNEew==",
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.9.tgz",
+      "integrity": "sha512-VZPy/ETF3fBG5PiinIkA0W/tlsvlEgJccyN2DzWZEl0DlVKRbu91PvY2D6Lxgluj4w9QtYHjOWjAT44C+oQ+EQ==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "dependencies": {
-        "@esbuild-kit/core-utils": "^2.1.0",
-        "get-tsconfig": "^4.1.0"
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.6.tgz",
-      "integrity": "sha512-hqmVU2mUjH6J2ZivHphJ/Pdse2ZD+uGCHK0uvsiLDk/JnSedEVj77CiVUnbMKuU4tih1TZZL8tG9DExQg/GZsw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.9.tgz",
+      "integrity": "sha512-O+NfmkfRrb3uSsTa4jE3WApidSe3N5++fyOVGP1SmMZi4A3BZELkhUUvj5hwmMuNdlpzAZ8iAPz2vmcR7DCFQA==",
       "cpu": [
         "loong64"
       ],
@@ -230,9 +215,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.1.tgz",
-      "integrity": "sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
+      "integrity": "sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -253,9 +238,9 @@
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.4.tgz",
-      "integrity": "sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.5.tgz",
+      "integrity": "sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==",
       "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.1",
@@ -364,6 +349,22 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.26.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.26.1.tgz",
+      "integrity": "sha512-bNxyZASVt2adSZ9gbD7NCydzcb5JaI0OR9hc7s+nmPeH604gwp0zp17NNpwXY4c8nvuBGQQ9oGDx72LE+cUWvw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "playwright-core": "1.26.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@sinonjs/commons": {
       "version": "1.8.3",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.3.tgz",
@@ -451,17 +452,10 @@
         "@types/unist": "*"
       }
     },
-    "node_modules/@types/mdurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz",
-      "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
-      "dev": true
-    },
     "node_modules/@types/mermaid": {
-      "version": "8.2.9",
-      "resolved": "https://registry.npmjs.org/@types/mermaid/-/mermaid-8.2.9.tgz",
-      "integrity": "sha512-f1i8fNoVFVJXedk+R7GcEk4KoOWzWAU3CzFqlVw1qWKktfsataBERezCz1pOdKy8Ec02ZdPQXGM7NU2lPHABYQ==",
-      "dev": true
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@types/mermaid/-/mermaid-9.1.0.tgz",
+      "integrity": "sha512-rc8QqhveKAY7PouzY/p8ljS+eBSNCv7o79L97RSub/Ic2SQ34ph1Ng3s8wFLWVjvaEt6RLOWtSCsgYWd95NY8A=="
     },
     "node_modules/@types/ms": {
       "version": "0.7.31",
@@ -470,9 +464,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "18.7.14",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.14.tgz",
-      "integrity": "sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA=="
+      "version": "18.7.23",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.23.tgz",
+      "integrity": "sha512-DWNcCHolDq0ZKGizjx2DZjR/PqsYwAcYUJmfMWqtVU2MBMG5Mo+xFZrhGId5r/O5HOuMPyQEcM6KUBp5lBZZBg=="
     },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.1",
@@ -524,16 +518,15 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.36.0.tgz",
-      "integrity": "sha512-X3In41twSDnYRES7hO2xna4ZC02SY05UN9sGW//eL1P5k4CKfvddsdC2hOq0O3+WU1wkCPQkiTY9mzSnXKkA0w==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.38.1.tgz",
+      "integrity": "sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.36.0",
-        "@typescript-eslint/type-utils": "5.36.0",
-        "@typescript-eslint/utils": "5.36.0",
+        "@typescript-eslint/scope-manager": "5.38.1",
+        "@typescript-eslint/type-utils": "5.38.1",
+        "@typescript-eslint/utils": "5.38.1",
         "debug": "^4.3.4",
-        "functional-red-black-tree": "^1.0.1",
         "ignore": "^5.2.0",
         "regexpp": "^3.2.0",
         "semver": "^7.3.7",
@@ -557,15 +550,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.36.0.tgz",
-      "integrity": "sha512-dlBZj7EGB44XML8KTng4QM0tvjI8swDh8MdpE5NX5iHWgWEfIuqSfSE+GPeCrCdj7m4tQLuevytd57jNDXJ2ZA==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.38.1.tgz",
+      "integrity": "sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.36.0",
-        "@typescript-eslint/types": "5.36.0",
-        "@typescript-eslint/typescript-estree": "5.36.0",
+        "@typescript-eslint/scope-manager": "5.38.1",
+        "@typescript-eslint/types": "5.38.1",
+        "@typescript-eslint/typescript-estree": "5.38.1",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -585,13 +578,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.36.0.tgz",
-      "integrity": "sha512-PZUC9sz0uCzRiuzbkh6BTec7FqgwXW03isumFVkuPw/Ug/6nbAqPUZaRy4w99WCOUuJTjhn3tMjsM94NtEj64g==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.38.1.tgz",
+      "integrity": "sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.36.0",
-        "@typescript-eslint/visitor-keys": "5.36.0"
+        "@typescript-eslint/types": "5.38.1",
+        "@typescript-eslint/visitor-keys": "5.38.1"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -602,13 +595,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.36.0.tgz",
-      "integrity": "sha512-W/E3yJFqRYsjPljJ2gy0YkoqLJyViWs2DC6xHkXcWyhkIbCDdaVnl7mPLeQphVI+dXtY05EcXFzWLXhq8Mm/lQ==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.38.1.tgz",
+      "integrity": "sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.36.0",
-        "@typescript-eslint/utils": "5.36.0",
+        "@typescript-eslint/typescript-estree": "5.38.1",
+        "@typescript-eslint/utils": "5.38.1",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       },
@@ -629,9 +622,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.36.0.tgz",
-      "integrity": "sha512-3JJuLL1r3ljRpFdRPeOtgi14Vmpx+2JcR6gryeORmW3gPBY7R1jNYoq4yBN1L//ONZjMlbJ7SCIwugOStucYiQ==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.38.1.tgz",
+      "integrity": "sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -642,13 +635,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.36.0.tgz",
-      "integrity": "sha512-EW9wxi76delg/FS9+WV+fkPdwygYzRrzEucdqFVWXMQWPOjFy39mmNNEmxuO2jZHXzSQTXzhxiU1oH60AbIw9A==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.38.1.tgz",
+      "integrity": "sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.36.0",
-        "@typescript-eslint/visitor-keys": "5.36.0",
+        "@typescript-eslint/types": "5.38.1",
+        "@typescript-eslint/visitor-keys": "5.38.1",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -669,15 +662,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.36.0.tgz",
-      "integrity": "sha512-wAlNhXXYvAAUBbRmoJDywF/j2fhGLBP4gnreFvYvFbtlsmhMJ4qCKVh/Z8OP4SgGR3xbciX2nmG639JX0uw1OQ==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.38.1.tgz",
+      "integrity": "sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==",
       "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
-        "@typescript-eslint/scope-manager": "5.36.0",
-        "@typescript-eslint/types": "5.36.0",
-        "@typescript-eslint/typescript-estree": "5.36.0",
+        "@typescript-eslint/scope-manager": "5.38.1",
+        "@typescript-eslint/types": "5.38.1",
+        "@typescript-eslint/typescript-estree": "5.38.1",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0"
       },
@@ -693,12 +686,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.36.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.36.0.tgz",
-      "integrity": "sha512-pdqSJwGKueOrpjYIex0T39xarDt1dn4p7XJ+6FqBWugNQwXlNGC5h62qayAIYZ/RPPtD+ButDWmpXT1eGtiaYg==",
+      "version": "5.38.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.38.1.tgz",
+      "integrity": "sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.36.0",
+        "@typescript-eslint/types": "5.38.1",
         "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
@@ -935,12 +928,6 @@
         "node": "*"
       }
     },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
     "node_modules/builtin-modules": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
@@ -1088,9 +1075,9 @@
       "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
     },
     "node_modules/ci-info": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.3.2.tgz",
-      "integrity": "sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.4.0.tgz",
+      "integrity": "sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==",
       "dev": true,
       "peer": true
     },
@@ -2031,9 +2018,9 @@
       }
     },
     "node_modules/devtools-protocol": {
-      "version": "0.0.1019158",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1019158.tgz",
-      "integrity": "sha512-wvq+KscQ7/6spEV7czhnZc9RM/woz1AY+/Vpd8/h2HFMwJSdTliu7f/yr1A6vDdJfKICZsShqsYpEQbdhg8AFQ=="
+      "version": "0.0.1036444",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1036444.tgz",
+      "integrity": "sha512-0y4f/T8H9lsESV9kKP1HDUXgHxCdniFeJh6Erq+FbdOEvp/Ydp9t8kcAAM5gOd17pMrTDlFWntoHtzzeTUWKNw=="
     },
     "node_modules/diff": {
       "version": "5.1.0",
@@ -2115,9 +2102,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.3.10.tgz",
-      "integrity": "sha512-o7Fg/AgC7p/XpKjf/+RC3Ok6k4St5F7Q6q6+Nnm3p2zGWioAY6dh0CbbuwOhH2UcSzKsdniE/YnE2/92JcsA+g=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.0.tgz",
+      "integrity": "sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA=="
     },
     "node_modules/domutils": {
       "version": "2.8.0",
@@ -2147,9 +2134,9 @@
       }
     },
     "node_modules/entities": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.3.1.tgz",
-      "integrity": "sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
+      "integrity": "sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==",
       "engines": {
         "node": ">=0.12"
       },
@@ -2168,9 +2155,9 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.1.tgz",
-      "integrity": "sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==",
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.3.tgz",
+      "integrity": "sha512-AyrnaKVpMzljIdwjzrj+LxGmj8ik2LckwXacHqrJJ/jxz6dDDBcZ7I7nlHM0FvEW8MfbWJwOd+yT2XzYW49Frw==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2178,22 +2165,23 @@
         "es-to-primitive": "^1.2.1",
         "function-bind": "^1.1.1",
         "function.prototype.name": "^1.1.5",
-        "get-intrinsic": "^1.1.1",
+        "get-intrinsic": "^1.1.3",
         "get-symbol-description": "^1.0.0",
         "has": "^1.0.3",
         "has-property-descriptors": "^1.0.0",
         "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.3",
-        "is-callable": "^1.2.4",
+        "is-callable": "^1.2.6",
         "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
         "is-shared-array-buffer": "^1.0.2",
         "is-string": "^1.0.7",
         "is-weakref": "^1.0.2",
-        "object-inspect": "^1.12.0",
+        "object-inspect": "^1.12.2",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.2",
+        "object.assign": "^4.1.4",
         "regexp.prototype.flags": "^1.4.3",
+        "safe-regex-test": "^1.0.0",
         "string.prototype.trimend": "^1.0.5",
         "string.prototype.trimstart": "^1.0.5",
         "unbox-primitive": "^1.0.2"
@@ -2234,9 +2222,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.6.tgz",
-      "integrity": "sha512-sgLOv3l4xklvXzzczhRwKRotyrfyZ2i1fCS6PTOLPd9wevDPArGU8HFtHrHCOcsMwTjLjzGm15gvC8uxVzQf+w==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.9.tgz",
+      "integrity": "sha512-OnYr1rkMVxtmMHIAKZLMcEUlJmqcbxBz9QoBU8G9v455na0fuzlT/GLu6l+SRghrk0Mm2fSSciMmzV43Q8e0Gg==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -2246,33 +2234,34 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/linux-loong64": "0.15.6",
-        "esbuild-android-64": "0.15.6",
-        "esbuild-android-arm64": "0.15.6",
-        "esbuild-darwin-64": "0.15.6",
-        "esbuild-darwin-arm64": "0.15.6",
-        "esbuild-freebsd-64": "0.15.6",
-        "esbuild-freebsd-arm64": "0.15.6",
-        "esbuild-linux-32": "0.15.6",
-        "esbuild-linux-64": "0.15.6",
-        "esbuild-linux-arm": "0.15.6",
-        "esbuild-linux-arm64": "0.15.6",
-        "esbuild-linux-mips64le": "0.15.6",
-        "esbuild-linux-ppc64le": "0.15.6",
-        "esbuild-linux-riscv64": "0.15.6",
-        "esbuild-linux-s390x": "0.15.6",
-        "esbuild-netbsd-64": "0.15.6",
-        "esbuild-openbsd-64": "0.15.6",
-        "esbuild-sunos-64": "0.15.6",
-        "esbuild-windows-32": "0.15.6",
-        "esbuild-windows-64": "0.15.6",
-        "esbuild-windows-arm64": "0.15.6"
+        "@esbuild/android-arm": "0.15.9",
+        "@esbuild/linux-loong64": "0.15.9",
+        "esbuild-android-64": "0.15.9",
+        "esbuild-android-arm64": "0.15.9",
+        "esbuild-darwin-64": "0.15.9",
+        "esbuild-darwin-arm64": "0.15.9",
+        "esbuild-freebsd-64": "0.15.9",
+        "esbuild-freebsd-arm64": "0.15.9",
+        "esbuild-linux-32": "0.15.9",
+        "esbuild-linux-64": "0.15.9",
+        "esbuild-linux-arm": "0.15.9",
+        "esbuild-linux-arm64": "0.15.9",
+        "esbuild-linux-mips64le": "0.15.9",
+        "esbuild-linux-ppc64le": "0.15.9",
+        "esbuild-linux-riscv64": "0.15.9",
+        "esbuild-linux-s390x": "0.15.9",
+        "esbuild-netbsd-64": "0.15.9",
+        "esbuild-openbsd-64": "0.15.9",
+        "esbuild-sunos-64": "0.15.9",
+        "esbuild-windows-32": "0.15.9",
+        "esbuild-windows-64": "0.15.9",
+        "esbuild-windows-arm64": "0.15.9"
       }
     },
     "node_modules/esbuild-android-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.6.tgz",
-      "integrity": "sha512-Z1CHSgB1crVQi2LKSBwSkpaGtaloVz0ZIYcRMsvHc3uSXcR/x5/bv9wcZspvH/25lIGTaViosciS/NS09ERmVA==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.9.tgz",
+      "integrity": "sha512-HQCX7FJn9T4kxZQkhPjNZC7tBWZqJvhlLHPU2SFzrQB/7nDXjmTIFpFTjt7Bd1uFpeXmuwf5h5fZm+x/hLnhbw==",
       "cpu": [
         "x64"
       ],
@@ -2286,9 +2275,9 @@
       }
     },
     "node_modules/esbuild-android-arm64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.6.tgz",
-      "integrity": "sha512-mvM+gqNxqKm2pCa3dnjdRzl7gIowuc4ga7P7c3yHzs58Im8v/Lfk1ixSgQ2USgIywT48QWaACRa3F4MG7djpSw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.9.tgz",
+      "integrity": "sha512-E6zbLfqbFVCNEKircSHnPiSTsm3fCRxeIMPfrkS33tFjIAoXtwegQfVZqMGR0FlsvVxp2NEDOUz+WW48COCjSg==",
       "cpu": [
         "arm64"
       ],
@@ -2302,9 +2291,9 @@
       }
     },
     "node_modules/esbuild-darwin-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.6.tgz",
-      "integrity": "sha512-BsfVt3usScAfGlXJiGtGamwVEOTM8AiYiw1zqDWhGv6BncLXCnTg1As+90mxWewdTZKq3iIy8s9g8CKkrrAXVw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.9.tgz",
+      "integrity": "sha512-gI7dClcDN/HHVacZhTmGjl0/TWZcGuKJ0I7/xDGJwRQQn7aafZGtvagOFNmuOq+OBFPhlPv1T6JElOXb0unkSQ==",
       "cpu": [
         "x64"
       ],
@@ -2318,9 +2307,9 @@
       }
     },
     "node_modules/esbuild-darwin-arm64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.6.tgz",
-      "integrity": "sha512-CnrAeJaEpPakUobhqO4wVSA4Zm6TPaI5UY4EsI62j9mTrjIyQPXA1n4Ju6Iu5TVZRnEqV6q8blodgYJ6CJuwCA==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.9.tgz",
+      "integrity": "sha512-VZIMlcRN29yg/sv7DsDwN+OeufCcoTNaTl3Vnav7dL/nvsApD7uvhVRbgyMzv0zU/PP0xRhhIpTyc7lxEzHGSw==",
       "cpu": [
         "arm64"
       ],
@@ -2334,9 +2323,9 @@
       }
     },
     "node_modules/esbuild-freebsd-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.6.tgz",
-      "integrity": "sha512-+qFdmqi+jkAsxsNJkaWVrnxEUUI50nu6c3MBVarv3RCDCbz7ZS1a4ZrdkwEYFnKcVWu6UUE0Kkb1SQ1yGEG6sg==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.9.tgz",
+      "integrity": "sha512-uM4z5bTvuAXqPxrI204txhlsPIolQPWRMLenvGuCPZTnnGlCMF2QLs0Plcm26gcskhxewYo9LkkmYSS5Czrb5A==",
       "cpu": [
         "x64"
       ],
@@ -2350,9 +2339,9 @@
       }
     },
     "node_modules/esbuild-freebsd-arm64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.6.tgz",
-      "integrity": "sha512-KtQkQOhnNciXm2yrTYZMD3MOm2zBiiwFSU+dkwNbcfDumzzUprr1x70ClTdGuZwieBS1BM/k0KajRQX7r504Xw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.9.tgz",
+      "integrity": "sha512-HHDjT3O5gWzicGdgJ5yokZVN9K9KG05SnERwl9nBYZaCjcCgj/sX8Ps1jvoFSfNCO04JSsHSOWo4qvxFuj8FoA==",
       "cpu": [
         "arm64"
       ],
@@ -2366,9 +2355,9 @@
       }
     },
     "node_modules/esbuild-linux-32": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.6.tgz",
-      "integrity": "sha512-IAkDNz3TpxwISTGVdQijwyHBZrbFgLlRi5YXcvaEHtgbmayLSDcJmH5nV1MFgo/x2QdKcHBkOYHdjhKxUAcPwg==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.9.tgz",
+      "integrity": "sha512-AQIdE8FugGt1DkcekKi5ycI46QZpGJ/wqcMr7w6YUmOmp2ohQ8eO4sKUsOxNOvYL7hGEVwkndSyszR6HpVHLFg==",
       "cpu": [
         "ia32"
       ],
@@ -2382,9 +2371,9 @@
       }
     },
     "node_modules/esbuild-linux-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.6.tgz",
-      "integrity": "sha512-gQPksyrEYfA4LJwyfTQWAZaVZCx4wpaLrSzo2+Xc9QLC+i/sMWmX31jBjrn4nLJCd79KvwCinto36QC7BEIU/A==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.9.tgz",
+      "integrity": "sha512-4RXjae7g6Qs7StZyiYyXTZXBlfODhb1aBVAjd+ANuPmMhWthQilWo7rFHwJwL7DQu1Fjej2sODAVwLbcIVsAYQ==",
       "cpu": [
         "x64"
       ],
@@ -2398,9 +2387,9 @@
       }
     },
     "node_modules/esbuild-linux-arm": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.6.tgz",
-      "integrity": "sha512-xZ0Bq2aivsthDjA/ytQZzxrxIZbG0ATJYMJxNeOIBc1zUjpbVpzBKgllOZMsTSXMHFHGrow6TnCcgwqY0+oEoQ==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.9.tgz",
+      "integrity": "sha512-3Zf2GVGUOI7XwChH3qrnTOSqfV1V4CAc/7zLVm4lO6JT6wbJrTgEYCCiNSzziSju+J9Jhf9YGWk/26quWPC6yQ==",
       "cpu": [
         "arm"
       ],
@@ -2414,9 +2403,9 @@
       }
     },
     "node_modules/esbuild-linux-arm64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.6.tgz",
-      "integrity": "sha512-aovDkclFa6C9EdZVBuOXxqZx83fuoq8097xZKhEPSygwuy4Lxs8J4anHG7kojAsR+31lfUuxzOo2tHxv7EiNHA==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.9.tgz",
+      "integrity": "sha512-a+bTtxJmYmk9d+s2W4/R1SYKDDAldOKmWjWP0BnrWtDbvUBNOm++du0ysPju4mZVoEFgS1yLNW+VXnG/4FNwdQ==",
       "cpu": [
         "arm64"
       ],
@@ -2430,9 +2419,9 @@
       }
     },
     "node_modules/esbuild-linux-mips64le": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.6.tgz",
-      "integrity": "sha512-wVpW8wkWOGizsCqCwOR/G3SHwhaecpGy3fic9BF1r7vq4djLjUcA8KunDaBCjJ6TgLQFhJ98RjDuyEf8AGjAvw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.9.tgz",
+      "integrity": "sha512-Zn9HSylDp89y+TRREMDoGrc3Z4Hs5u56ozZLQCiZAUx2+HdbbXbWdjmw3FdTJ/i7t5Cew6/Q+6kfO3KCcFGlyw==",
       "cpu": [
         "mips64el"
       ],
@@ -2446,9 +2435,9 @@
       }
     },
     "node_modules/esbuild-linux-ppc64le": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.6.tgz",
-      "integrity": "sha512-z6w6gsPH/Y77uchocluDC8tkCg9rfkcPTePzZKNr879bF4tu7j9t255wuNOCE396IYEGxY7y8u2HJ9i7kjCLVw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.9.tgz",
+      "integrity": "sha512-OEiOxNAMH9ENFYqRsWUj3CWyN3V8P3ZXyfNAtX5rlCEC/ERXrCEFCJji/1F6POzsXAzxvUJrTSTCy7G6BhA6Fw==",
       "cpu": [
         "ppc64"
       ],
@@ -2462,9 +2451,9 @@
       }
     },
     "node_modules/esbuild-linux-riscv64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.6.tgz",
-      "integrity": "sha512-pfK/3MJcmbfU399TnXW5RTPS1S+ID6ra+CVj9TFZ2s0q9Ja1F5A1VirUUvViPkjiw+Kq3zveyn6U09Wg1zJXrw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.9.tgz",
+      "integrity": "sha512-ukm4KsC3QRausEFjzTsOZ/qqazw0YvJsKmfoZZm9QW27OHjk2XKSQGGvx8gIEswft/Sadp03/VZvAaqv5AIwNA==",
       "cpu": [
         "riscv64"
       ],
@@ -2478,9 +2467,9 @@
       }
     },
     "node_modules/esbuild-linux-s390x": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.6.tgz",
-      "integrity": "sha512-OZeeDu32liefcwAE63FhVqM4heWTC8E3MglOC7SK0KYocDdY/6jyApw0UDkDHlcEK9mW6alX/SH9r3PDjcCo/Q==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.9.tgz",
+      "integrity": "sha512-uDOQEH55wQ6ahcIKzQr3VyjGc6Po/xblLGLoUk3fVL1qjlZAibtQr6XRfy5wPJLu/M2o0vQKLq4lyJ2r1tWKcw==",
       "cpu": [
         "s390x"
       ],
@@ -2494,9 +2483,9 @@
       }
     },
     "node_modules/esbuild-netbsd-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.6.tgz",
-      "integrity": "sha512-kaxw61wcHMyiEsSsi5ut1YYs/hvTC2QkxJwyRvC2Cnsz3lfMLEu8zAjpBKWh9aU/N0O/gsRap4wTur5GRuSvBA==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.9.tgz",
+      "integrity": "sha512-yWgxaYTQz+TqX80wXRq6xAtb7GSBAp6gqLKfOdANg9qEmAI1Bxn04IrQr0Mzm4AhxvGKoHzjHjMgXbCCSSDxcw==",
       "cpu": [
         "x64"
       ],
@@ -2510,9 +2499,9 @@
       }
     },
     "node_modules/esbuild-openbsd-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.6.tgz",
-      "integrity": "sha512-CuoY60alzYfIZapUHqFXqXbj88bbRJu8Fp9okCSHRX2zWIcGz4BXAHXiG7dlCye5nFVrY72psesLuWdusyf2qw==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.9.tgz",
+      "integrity": "sha512-JmS18acQl4iSAjrEha1MfEmUMN4FcnnrtTaJ7Qg0tDCOcgpPPQRLGsZqhes0vmx8VA6IqRyScqXvaL7+Q0Uf3A==",
       "cpu": [
         "x64"
       ],
@@ -2526,9 +2515,9 @@
       }
     },
     "node_modules/esbuild-sunos-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.6.tgz",
-      "integrity": "sha512-1ceefLdPWcd1nW/ZLruPEYxeUEAVX0YHbG7w+BB4aYgfknaLGotI/ZvPWUZpzhC8l1EybrVlz++lm3E6ODIJOg==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.9.tgz",
+      "integrity": "sha512-UKynGSWpzkPmXW3D2UMOD9BZPIuRaSqphxSCwScfEE05Be3KAmvjsBhht1fLzKpiFVJb0BYMd4jEbWMyJ/z1hQ==",
       "cpu": [
         "x64"
       ],
@@ -2542,9 +2531,9 @@
       }
     },
     "node_modules/esbuild-windows-32": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.6.tgz",
-      "integrity": "sha512-pBqdOsKqCD5LRYiwF29PJRDJZi7/Wgkz46u3d17MRFmrLFcAZDke3nbdDa1c8YgY78RiemudfCeAemN8EBlIpA==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.9.tgz",
+      "integrity": "sha512-aqXvu4/W9XyTVqO/hw3rNxKE1TcZiEYHPsXM9LwYmKSX9/hjvfIJzXwQBlPcJ/QOxedfoMVH0YnhhQ9Ffb0RGA==",
       "cpu": [
         "ia32"
       ],
@@ -2558,9 +2547,9 @@
       }
     },
     "node_modules/esbuild-windows-64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.6.tgz",
-      "integrity": "sha512-KpPOh4aTOo//g9Pk2oVAzXMpc9Sz9n5A9sZTmWqDSXCiiachfFhbuFlsKBGATYCVitXfmBIJ4nNYYWSOdz4hQg==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.9.tgz",
+      "integrity": "sha512-zm7h91WUmlS4idMtjvCrEeNhlH7+TNOmqw5dJPJZrgFaxoFyqYG6CKDpdFCQXdyKpD5yvzaQBOMVTCBVKGZDEg==",
       "cpu": [
         "x64"
       ],
@@ -2574,9 +2563,9 @@
       }
     },
     "node_modules/esbuild-windows-arm64": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.6.tgz",
-      "integrity": "sha512-DB3G2x9OvFEa00jV+OkDBYpufq5x/K7a6VW6E2iM896DG4ZnAvJKQksOsCPiM1DUaa+DrijXAQ/ZOcKAqf/3Hg==",
+      "version": "0.15.9",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.9.tgz",
+      "integrity": "sha512-yQEVIv27oauAtvtuhJVfSNMztJJX47ismRS6Sv2QMVV9RM+6xjbMWuuwM2nxr5A2/gj/mu2z9YlQxiwoFRCfZA==",
       "cpu": [
         "arm64"
       ],
@@ -2611,13 +2600,13 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.23.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.23.0.tgz",
-      "integrity": "sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==",
+      "version": "8.24.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.24.0.tgz",
+      "integrity": "sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.1",
-        "@humanwhocodes/config-array": "^0.10.4",
+        "@eslint/eslintrc": "^1.3.2",
+        "@humanwhocodes/config-array": "^0.10.5",
         "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
         "@humanwhocodes/module-importer": "^1.0.1",
         "ajv": "^6.10.0",
@@ -2635,7 +2624,6 @@
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
-        "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
         "globals": "^13.15.0",
         "globby": "^11.1.0",
@@ -2644,6 +2632,7 @@
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
+        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -2942,9 +2931,9 @@
       }
     },
     "node_modules/eslint-plugin-n": {
-      "version": "15.2.5",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.2.5.tgz",
-      "integrity": "sha512-8+BYsqiyZfpu6NXmdLOXVUfk8IocpCjpd8nMRRH0A9ulrcemhb2VI9RSJMEy5udx++A/YcVPD11zT8hpFq368g==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.3.0.tgz",
+      "integrity": "sha512-IyzPnEWHypCWasDpxeJnim60jhlumbmq0pubL6IOcnk8u2y53s5QfT8JnXy7skjHJ44yWHRb11PLtDHuu1kg/Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -3223,9 +3212,9 @@
       "peer": true
     },
     "node_modules/fast-glob": {
-      "version": "3.2.11",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
-      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+      "version": "3.2.12",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
+      "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
       "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -3361,20 +3350,6 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -3401,12 +3376,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/functional-red-black-tree": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
-      "dev": true
-    },
     "node_modules/functions-have-names": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
@@ -3427,9 +3396,9 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz",
-      "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
+      "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -3472,15 +3441,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-tsconfig": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.2.0.tgz",
-      "integrity": "sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -3976,9 +3936,9 @@
       }
     },
     "node_modules/is-callable": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
-      "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -4241,6 +4201,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/js-sdsl": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz",
+      "integrity": "sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==",
+      "dev": true
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4454,16 +4420,14 @@
       }
     },
     "node_modules/mdast-util-to-hast": {
-      "version": "12.2.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.2.1.tgz",
-      "integrity": "sha512-dyindR2P7qOqXO1hQirZeGtVbiX7xlNQbw7gGaAwN4A1dh4+X8xU/JyYmRoyB8Fu1uPXzp7mlL5QwW7k+knvgA==",
+      "version": "12.2.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.2.3.tgz",
+      "integrity": "sha512-AN1LP/bYd8GxSljYiu76/kL14Dfi4SJNBbn4XDyzJzZIndVk0vBE4iQhvR1vfhYRK+4XEgmeteDCJriDAhvABg==",
       "dev": true,
       "dependencies": {
         "@types/hast": "^2.0.0",
         "@types/mdast": "^3.0.0",
-        "@types/mdurl": "^1.0.0",
         "mdast-util-definitions": "^5.0.0",
-        "mdurl": "^1.0.0",
         "micromark-util-sanitize-uri": "^1.0.0",
         "trim-lines": "^3.0.0",
         "unist-builder": "^3.0.0",
@@ -4521,12 +4485,6 @@
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
     },
-    "node_modules/mdurl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
-      "dev": true
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -4537,15 +4495,15 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "9.1.6",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.1.6.tgz",
-      "integrity": "sha512-oBuQk7s55wQgEgH/AK0GYY8U0kBqOIGK9QlJL+VYxh+1kZQtU9tNwoy0gWCfBJDaFIRdfpc/fm9PagaIXg6XFQ==",
+      "version": "9.1.7",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.1.7.tgz",
+      "integrity": "sha512-MRVHXy5FLjnUQUG7YS3UN9jEN6FXCJbFCXVGJQjVIbiR6Vhw0j/6pLIjqsiah9xoHmQU6DEaKOvB3S1g/1nBPA==",
       "dependencies": {
         "@braintree/sanitize-url": "^6.0.0",
         "d3": "^7.0.0",
         "dagre": "^0.8.5",
         "dagre-d3": "^0.6.4",
-        "dompurify": "2.3.10",
+        "dompurify": "2.4.0",
         "graphlib": "^2.1.8",
         "khroma": "^2.0.0",
         "moment-mini": "2.24.0",
@@ -5298,11 +5256,11 @@
       }
     },
     "node_modules/parse5": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.0.0.tgz",
-      "integrity": "sha512-y/t8IXSPWTuRZqXc0ajH/UwDj4mnqLEbSttNbThcFhGrZuOyoyvNBO85PBp2jQa55wY9d07PBNjsK8ZP3K5U6g==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.1.tgz",
+      "integrity": "sha512-kwpuwzB+px5WUg9pyK0IcK/shltJN5/OVhQagxhCQNtT9Y9QRZqNY2e1cmbu/paRh5LMnz/oVTVLBpjFmMZhSg==",
       "dependencies": {
-        "entities": "^4.3.0"
+        "entities": "^4.4.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -5381,6 +5339,18 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/playwright-core": {
+      "version": "1.26.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.26.1.tgz",
+      "integrity": "sha512-hzFchhhxnEiPc4qVPs9q2ZR+5eKNifY2hQDHtg1HnTTUuphYCBP8ZRb2si+B1TR7BHirgXaPi48LIye5SgrLAA==",
+      "dev": true,
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/pluralize": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
@@ -5468,37 +5438,14 @@
         "node": ">=6"
       }
     },
-    "node_modules/puppeteer": {
-      "version": "17.0.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-17.0.0.tgz",
-      "integrity": "sha512-T2rdzlPxnPezF218kywFP3O+0YI5/8Kl8riNUicGb+KuMyDTrqRjhSOSDp6coQ1T4QYPBARTFp4EMBepMOzAQA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "cross-fetch": "3.1.5",
-        "debug": "4.3.4",
-        "devtools-protocol": "0.0.1019158",
-        "extract-zip": "2.0.1",
-        "https-proxy-agent": "5.0.1",
-        "progress": "2.0.3",
-        "proxy-from-env": "1.1.0",
-        "rimraf": "3.0.2",
-        "tar-fs": "2.1.1",
-        "unbzip2-stream": "1.4.3",
-        "ws": "8.8.1"
-      },
-      "engines": {
-        "node": ">=14.1.0"
-      }
-    },
     "node_modules/puppeteer-core": {
-      "version": "17.0.0",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-17.0.0.tgz",
-      "integrity": "sha512-uPXO+9ERGm5qEudVTUOgret+WTcvb8l6W6ZIX+ZEW295hcRQqRy8kQqT0f/89KJzGrC4cn9Kui5m+azYjEM2DA==",
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-17.1.3.tgz",
+      "integrity": "sha512-gm3d5fTVEc+h7jVtT3Y1k8OL1awaOzln44UfsJhUJKH/tyO/wn/zOxyAHTQt9aX/yo37IS0dfisU3i3P8qvZnw==",
       "dependencies": {
         "cross-fetch": "3.1.5",
         "debug": "4.3.4",
-        "devtools-protocol": "0.0.1019158",
+        "devtools-protocol": "0.0.1036444",
         "extract-zip": "2.0.1",
         "https-proxy-agent": "5.0.1",
         "progress": "2.0.3",
@@ -5988,6 +5935,21 @@
         "regexp-tree": "~0.1.1"
       }
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -6085,16 +6047,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
@@ -6270,9 +6222,9 @@
       }
     },
     "node_modules/stylis": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.1.tgz",
-      "integrity": "sha512-lVrM/bNdhVX2OgBFNa2YJ9Lxj7kPzylieHd3TNjuGE0Re9JB7joL5VUKOVH1kdNNJTgGPpT8hmwIAPLaSyEVFQ=="
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.2.tgz",
+      "integrity": "sha512-Nn2CCrG2ZaFziDxaZPN43CXqn+j7tcdjPFCkRBkFue8QYXC2HdEwnw5TCBo4yQZ2WxKYeSi0fdoOrtEqgDrXbA=="
     },
     "node_modules/supports-color": {
       "version": "7.2.0",
@@ -6440,23 +6392,6 @@
         "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
       }
     },
-    "node_modules/tsx": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/tsx/-/tsx-3.9.0.tgz",
-      "integrity": "sha512-ofxsE+qjqCYYq4UBt5khglvb+ESgxef1YpuNcdQI92kvcAT2tZVrnSK3g4bRXTUhLmKHcC5q8vIZA47os/stng==",
-      "dev": true,
-      "dependencies": {
-        "@esbuild-kit/cjs-loader": "^2.3.3",
-        "@esbuild-kit/core-utils": "^2.1.0",
-        "@esbuild-kit/esm-loader": "^2.4.2"
-      },
-      "bin": {
-        "tsx": "dist/cli.js"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -6491,9 +6426,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.2.tgz",
-      "integrity": "sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==",
+      "version": "4.8.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
+      "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -6690,9 +6625,9 @@
       }
     },
     "node_modules/vfile": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.4.tgz",
-      "integrity": "sha512-KI+7cnst03KbEyN1+JE504zF5bJBZa+J+CrevLeyIMq0aPU681I2rQ5p4PlnQ6exFtWiUrg26QUdFMnAKR6PIw==",
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.5.tgz",
+      "integrity": "sha512-U1ho2ga33eZ8y8pkbQLH54uKqGhFJ6GYIHnnG5AhRpAh3OWjkrRHKa/KogbmQn8We+c0KVV3rTOgR9V/WowbXQ==",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "is-buffer": "^2.0.0",
diff --git a/package.json b/package.json
index 128ec44..654a6fc 100644
--- a/package.json
+++ b/package.json
@@ -2,17 +2,21 @@
   "name": "remark-mermaidjs",
   "version": "3.0.0",
   "description": "A remark plugin to render mermaid diagrams using puppeteer",
-  "exports": "./index.js",
+  "exports": {
+    "browser": "./browser.js",
+    "types": "./index.d.ts",
+    "default": "./index.js"
+  },
   "type": "module",
   "files": [
+    "browser.js",
     "index.d.ts",
     "index.html",
     "index.js"
   ],
   "scripts": {
     "prepack": "tsc --noEmit false",
-    "start": "tsx watch test.ts",
-    "test": "c8 tsx test.ts"
+    "test": "c8 playwright test"
   },
   "author": "Remco Haszing <remcohaszing@gmail.com>",
   "license": "MIT",
@@ -38,6 +42,7 @@
   },
   "dependencies": {
     "@types/mdast": "^3.0.0",
+    "@types/mermaid": "^9.0.0",
     "@types/svgo": "^2.0.0",
     "hast-util-from-parse5": "^7.0.0",
     "mermaid": "^9.0.0",
@@ -48,21 +53,19 @@
     "unist-util-visit": "^4.0.0"
   },
   "devDependencies": {
-    "@types/mermaid": "^8.0.0",
+    "@playwright/test": "^1.0.0",
     "@types/node": "^18.0.0",
     "@types/sinon": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "c8": "^7.0.0",
+    "esbuild": "^0.15.0",
     "eslint": "^8.0.0",
     "eslint-config-remcohaszing": "^6.0.0",
     "prettier": "^2.0.0",
-    "puppeteer": "^17.0.0",
     "rehype-stringify": "^9.0.0",
     "remark": "^14.0.0",
     "remark-rehype": "^10.0.0",
     "sinon": "^14.0.0",
-    "tsx": "^3.0.0",
-    "typescript": "^4.0.0",
-    "uvu": "^0.5.0"
+    "typescript": "^4.0.0"
   }
 }
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..870ec4d
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,24 @@
+import { type PlaywrightTestConfig } from '@playwright/test';
+import { serve } from 'esbuild';
+
+const { port } = await serve(
+  { servedir: 'test' },
+  {
+    bundle: true,
+    entryPoints: ['./test/runInBrowser.ts'],
+    format: 'esm',
+    platform: 'browser',
+  },
+);
+
+const config: PlaywrightTestConfig = {
+  testMatch: /test\/test\.ts$/,
+  metadata: {},
+  webServer: {
+    command: '',
+    port,
+    reuseExistingServer: true,
+  },
+};
+
+export default config;
diff --git a/test.ts b/test.ts
deleted file mode 100644
index 1e87895..0000000
--- a/test.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { readdir, readFile, writeFile } from 'fs/promises';
-import process from 'process';
-
-import { executablePath } from 'puppeteer';
-import puppeteer from 'puppeteer-core';
-import rehypeStringify from 'rehype-stringify';
-import { remark } from 'remark';
-import remarkRehype from 'remark-rehype';
-import sinon from 'sinon';
-import { test } from 'uvu';
-import * as assert from 'uvu/assert';
-
-import remarkMermaid, { defaultSVGOOptions, RemarkMermaidOptions } from './index.js';
-
-const fixtures = new URL('__fixtures__/', import.meta.url);
-const launchOptions = {
-  executablePath: executablePath(),
-};
-
-test.after.each(() => {
-  sinon.restore();
-});
-
-for (const name of await readdir(fixtures)) {
-  test(name, async () => {
-    const fixture = new URL(`${name}/`, fixtures);
-    const actual = await readFile(new URL('input.md', fixture));
-    const expectedPath = new URL('output.md', fixture);
-    const expected = await readFile(new URL('output.md', fixture), 'utf8');
-    let options: RemarkMermaidOptions = {
-      svgo: defaultSVGOOptions,
-      launchOptions,
-    };
-    try {
-      options = JSON.parse(await readFile(new URL('options.json', fixture), 'utf8'));
-      options.launchOptions = launchOptions;
-    } catch {
-      // This test case uses default options.
-    }
-    const { value } = await remark().use(remarkMermaid, options).process(actual);
-    if (process.argv.includes('write') && value !== expected) {
-      await writeFile(expectedPath, value);
-    }
-    assert.is(value, expected);
-  });
-}
-
-const markdown = `
-\`\`\`mermaid
-graph TD;
-  A-->B;
-\`\`\`
-`;
-
-test('should not launch the browser if no graphs are defined', async () => {
-  const processor = remark().use(remarkMermaid, { launchOptions });
-  const launch = sinon.spy(puppeteer, 'launch');
-  await processor.process('```js\n```');
-  sinon.assert.notCalled(launch);
-});
-
-test('should share the browser for concurrent calls', async () => {
-  const processor = remark().use(remarkMermaid, { launchOptions });
-  const launch = sinon.spy(puppeteer, 'launch');
-  await Promise.all(
-    Array.from<string>({ length: 3 })
-      .fill(markdown)
-      .map((content) => processor.process(content)),
-  );
-  sinon.assert.calledOnce(launch);
-});
-
-test('should close the browser if no more files are being processed', async () => {
-  const processor = remark().use(remarkMermaid, { launchOptions });
-  const launch = sinon.spy(puppeteer, 'launch');
-  for (const content of Array.from<string>({ length: 3 }).fill(markdown)) {
-    await processor.process(content);
-  }
-  sinon.assert.calledThrice(launch);
-});
-
-test('should output a remark-rehype compatible ast', async () => {
-  const processor = remark()
-    .use(remarkMermaid, { launchOptions })
-    .use(remarkRehype)
-    .use(rehypeStringify);
-  const { value } = await processor.process(`
-\`\`\`mermaid
-graph TD;
-    A-->B;
-    A-->C;
-    B-->D;
-    C-->D;
-\`\`\`
-`);
-  const expectedPath = new URL('__snapshots__/rehype.html', import.meta.url);
-  const expected = await readFile(expectedPath, 'utf8');
-  if (process.argv.includes('write') && value !== expected) {
-    await writeFile(expectedPath, value);
-  }
-  assert.is(value, expected);
-});
-
-test.run();
diff --git a/__fixtures__/dark/input.md b/test/fixtures/dark/input.md
similarity index 100%
rename from __fixtures__/dark/input.md
rename to test/fixtures/dark/input.md
diff --git a/__fixtures__/dark/options.json b/test/fixtures/dark/options.json
similarity index 100%
rename from __fixtures__/dark/options.json
rename to test/fixtures/dark/options.json
diff --git a/__fixtures__/flowchart/input.md b/test/fixtures/flowchart/input.md
similarity index 100%
rename from __fixtures__/flowchart/input.md
rename to test/fixtures/flowchart/input.md
diff --git a/__fixtures__/fontawesome/input.md b/test/fixtures/fontawesome/input.md
similarity index 100%
rename from __fixtures__/fontawesome/input.md
rename to test/fixtures/fontawesome/input.md
diff --git a/__fixtures__/forest/input.md b/test/fixtures/forest/input.md
similarity index 100%
rename from __fixtures__/forest/input.md
rename to test/fixtures/forest/input.md
diff --git a/__fixtures__/forest/options.json b/test/fixtures/forest/options.json
similarity index 100%
rename from __fixtures__/forest/options.json
rename to test/fixtures/forest/options.json
diff --git a/__fixtures__/gantt/input.md b/test/fixtures/gantt/input.md
similarity index 100%
rename from __fixtures__/gantt/input.md
rename to test/fixtures/gantt/input.md
diff --git a/__fixtures__/multiple/input.md b/test/fixtures/multiple/input.md
similarity index 100%
rename from __fixtures__/multiple/input.md
rename to test/fixtures/multiple/input.md
diff --git a/__fixtures__/neutral/input.md b/test/fixtures/neutral/input.md
similarity index 100%
rename from __fixtures__/neutral/input.md
rename to test/fixtures/neutral/input.md
diff --git a/__fixtures__/neutral/options.json b/test/fixtures/neutral/options.json
similarity index 100%
rename from __fixtures__/neutral/options.json
rename to test/fixtures/neutral/options.json
diff --git a/__fixtures__/no-mermaid/input.md b/test/fixtures/no-mermaid/input.md
similarity index 100%
rename from __fixtures__/no-mermaid/input.md
rename to test/fixtures/no-mermaid/input.md
diff --git a/__fixtures__/sequence/input.md b/test/fixtures/sequence/input.md
similarity index 100%
rename from __fixtures__/sequence/input.md
rename to test/fixtures/sequence/input.md
diff --git a/__fixtures__/simple/input.md b/test/fixtures/simple/input.md
similarity index 100%
rename from __fixtures__/simple/input.md
rename to test/fixtures/simple/input.md
diff --git a/test/runInBrowser.ts b/test/runInBrowser.ts
new file mode 100644
index 0000000..6eccd74
--- /dev/null
+++ b/test/runInBrowser.ts
@@ -0,0 +1,22 @@
+import rehypeStringify from 'rehype-stringify';
+import { remark } from 'remark';
+import remarkRehype from 'remark-rehype';
+
+import remarkMermaid from '../browser.js';
+
+/**
+ * Process a fixture using remark and remark-mermaidjs.
+ *
+ * This function is run in the browser.
+ *
+ * @param name The name of the fixture to process.
+ * @returns A tuple of the file processed to both markdown and HTML.
+ */
+export async function processFixture(name: string): Promise<[string, string]> {
+  const response = await fetch(`fixtures/${name}/input.md`);
+  const original = await response.text();
+  const processor = remark().use(remarkMermaid);
+  const asMarkdown = processor.processSync(original);
+  const asHTML = processor().use(remarkRehype).use(rehypeStringify).processSync(original);
+  return [asMarkdown.value as string, asHTML.value as string];
+}
diff --git a/test/test.ts b/test/test.ts
new file mode 100644
index 0000000..7f602cc
--- /dev/null
+++ b/test/test.ts
@@ -0,0 +1,108 @@
+import { readdir, readFile } from 'fs/promises';
+
+import { chromium, expect, test } from '@playwright/test';
+import puppeteer from 'puppeteer-core';
+import rehypeStringify from 'rehype-stringify';
+import { remark } from 'remark';
+import remarkRehype from 'remark-rehype';
+import sinon from 'sinon';
+
+import remarkMermaid, { defaultSVGOOptions, type RemarkMermaidOptions } from '../index.js';
+
+const fixtures = new URL('fixtures/', import.meta.url);
+const fixtureNames = await readdir(fixtures);
+const launchOptions = {
+  executablePath: chromium.executablePath(),
+};
+const markdown = `
+\`\`\`mermaid
+graph TD;
+A-->B;
+\`\`\`
+`;
+
+test.describe.parallel('browser', () => {
+  for (const name of fixtureNames) {
+    test(name, async ({ page }, testInfo) => {
+      testInfo.snapshotSuffix = 'browser';
+      await page.goto('/');
+
+      const result = await page.evaluate(async (fixtureName) => {
+        const { processFixture } = await import('./runInBrowser.js');
+
+        return processFixture(fixtureName);
+      }, name);
+
+      expect(result[0]).toMatchSnapshot({ name: `${name}.md` });
+      expect(result[1]).toMatchSnapshot({ name: `${name}.html` });
+    });
+  }
+});
+
+test.describe.parallel('node', () => {
+  for (const name of fixtureNames) {
+    // eslint-disable-next-line no-empty-pattern
+    test(name, async ({}, testInfo) => {
+      testInfo.snapshotSuffix = 'node';
+      const fixture = new URL(`${name}/`, fixtures);
+      const original = await readFile(new URL('input.md', fixture));
+      let options: RemarkMermaidOptions = {
+        svgo: defaultSVGOOptions,
+        launchOptions,
+      };
+      try {
+        options = JSON.parse(await readFile(new URL('options.json', fixture), 'utf8'));
+        options.launchOptions = launchOptions;
+      } catch {
+        // This test case uses default options.
+      }
+      const processor = remark().use(remarkMermaid, options);
+      const asMarkdown = await processor.process(original);
+      const asHTML = await processor().use(remarkRehype).use(rehypeStringify).process(original);
+      expect(asMarkdown.value).toMatchSnapshot({ name: `${name}.md` });
+      expect(asHTML.value).toMatchSnapshot({ name: `${name}.html` });
+    });
+  }
+});
+
+test.describe.serial('node', () => {
+  test.afterEach(() => {
+    sinon.restore();
+  });
+
+  test('it should not launch the browser if no graphs are defined', async () => {
+    const processor = remark().use(remarkMermaid, { launchOptions });
+    const launch = sinon.spy(puppeteer, 'launch');
+    await processor.process('```js\n```');
+    sinon.assert.notCalled(launch);
+  });
+
+  test('it should share the browser for concurrent calls', async () => {
+    const processor = remark().use(remarkMermaid, { launchOptions });
+    const launch = sinon.spy(puppeteer, 'launch');
+    await Promise.all(
+      Array.from<string>({ length: 3 })
+        .fill(markdown)
+        .map((content) => processor.process(content)),
+    );
+    sinon.assert.calledOnce(launch);
+  });
+
+  test('it should close the browser if no more files are being processed', async () => {
+    const processor = remark().use(remarkMermaid, { launchOptions });
+    const launch = sinon.spy(puppeteer, 'launch');
+    for (const content of Array.from<string>({ length: 3 }).fill(markdown)) {
+      await processor.process(content);
+    }
+    sinon.assert.calledThrice(launch);
+  });
+
+  test('it should throw an error if no executablePath is given', () => {
+    expect(() => remark().use(remarkMermaid).processSync('')).toThrowError(
+      'The option `launchOptions.executablePath` is required when using Node.js',
+    );
+    expect(() => remark().use(remarkMermaid, { launchOptions: {} }).processSync('')).toThrowError(
+      'The option `launchOptions.executablePath` is required when using Node.js',
+    );
+  });
+});
diff --git a/test/test.ts-snapshots/dark-browser.html b/test/test.ts-snapshots/dark-browser.html
new file mode 100644
index 0000000..eb60148
--- /dev/null
+++ b/test/test.ts-snapshots/dark-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a flowchart</h1>
+<p><svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead31)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead31"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead32)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead32"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead33)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead34)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-41" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-45" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/dark-browser.md b/test/test.ts-snapshots/dark-browser.md
new file mode 100644
index 0000000..b39a06a
--- /dev/null
+++ b/test/test.ts-snapshots/dark-browser.md
@@ -0,0 +1,3 @@
+# An example of a flowchart
+
+<svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead14)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead14"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead15)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead16)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-17" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-21" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg>
diff --git a/test/test.ts-snapshots/dark-node.html b/test/test.ts-snapshots/dark-node.html
new file mode 100644
index 0000000..87d4e30
--- /dev/null
+++ b/test/test.ts-snapshots/dark-node.html
@@ -0,0 +1,91 @@
+<h1>An example of a flowchart</h1>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+  <defs>
+    <path id="b" fill="#d3d3d3" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#d3d3d3" stroke-width="2px" marker-end="url(#a)" d="m47.473 44.015-4.157 4.664c-4.157 4.664-12.47 13.993-16.628 22.823-4.157 8.831-4.157 17.165-4.157 21.331V97"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#d3d3d3" stroke-width="2px" marker-end="url(#c)" d="m76.91 44.015 4.157 4.664c4.157 4.664 12.47 13.993 16.628 22.823 4.157 8.831 4.157 17.165 4.157 21.331V97"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#d3d3d3" stroke-width="2px" marker-end="url(#d)" d="M22.531 136v4.167c0 4.166 0 12.5 4.126 21.295 4.126 8.796 12.377 18.054 16.503 22.684l4.125 4.629"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#d3d3d3" stroke-width="2px" marker-end="url(#e)" d="M101.852 136v4.167c0 4.166 0 12.5-4.126 21.295-4.126 8.796-12.377 18.054-16.503 22.684l-4.125 4.629"></path>
+    <defs>
+      <marker id="e" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <foreignObject width="0" height="0" color="#ccc" style="background-color:#585858;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#ccc" color="#ccc" style="background-color:#585858;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#ccc" style="background-color:#585858;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#ccc" color="#ccc" style="background-color:#585858;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#ccc" style="background-color:#585858;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#ccc" color="#ccc" style="background-color:#585858;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#ccc" style="background-color:#585858;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#ccc" color="#ccc" style="background-color:#585858;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(62.191 27.5)">
+    <rect width="29.438" height="39" x="-14.719" y="-19.5" fill="#1f2020" stroke="#81b1db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.438" height="19" transform="translate(-4.719 -9.5)" color="#ccc" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        A
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(22.531 116.5)">
+    <rect width="29.063" height="39" x="-14.531" y="-19.5" fill="#1f2020" stroke="#81b1db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.063" height="19" transform="translate(-4.531 -9.5)" color="#ccc" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        B
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(101.852 116.5)">
+    <rect width="29.578" height="39" x="-14.789" y="-19.5" fill="#1f2020" stroke="#81b1db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.578" height="19" transform="translate(-4.79 -9.5)" color="#ccc" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        C
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(62.191 205.5)">
+    <rect width="29.813" height="39" x="-14.906" y="-19.5" fill="#1f2020" stroke="#81b1db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.813" height="19" transform="translate(-4.906 -9.5)" color="#ccc" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        D
+      </div>
+    </foreignObject>
+  </g>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/dark/output.md b/test/test.ts-snapshots/dark-node.md
similarity index 95%
rename from __fixtures__/dark/output.md
rename to test/test.ts-snapshots/dark-node.md
index d8b3e34..65f8bd1 100644
--- a/__fixtures__/dark/output.md
+++ b/test/test.ts-snapshots/dark-node.md
@@ -1,6 +1,6 @@
 # An example of a flowchart
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" fill="#ccc" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" fill="#d3d3d3" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
diff --git a/test/test.ts-snapshots/flowchart-browser.html b/test/test.ts-snapshots/flowchart-browser.html
new file mode 100644
index 0000000..eb60148
--- /dev/null
+++ b/test/test.ts-snapshots/flowchart-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a flowchart</h1>
+<p><svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead31)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead31"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead32)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead32"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead33)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead34)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-41" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-45" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/flowchart-browser.md b/test/test.ts-snapshots/flowchart-browser.md
new file mode 100644
index 0000000..b39a06a
--- /dev/null
+++ b/test/test.ts-snapshots/flowchart-browser.md
@@ -0,0 +1,3 @@
+# An example of a flowchart
+
+<svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead14)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead14"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead15)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead16)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-17" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-21" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg>
diff --git a/__snapshots__/rehype.html b/test/test.ts-snapshots/flowchart-node.html
similarity index 94%
rename from __snapshots__/rehype.html
rename to test/test.ts-snapshots/flowchart-node.html
index ae87d19..6c52a32 100644
--- a/__snapshots__/rehype.html
+++ b/test/test.ts-snapshots/flowchart-node.html
@@ -1,4 +1,5 @@
-<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<h1>An example of a flowchart</h1>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
   </defs>
diff --git a/__fixtures__/flowchart/output.md b/test/test.ts-snapshots/flowchart-node.md
similarity index 95%
rename from __fixtures__/flowchart/output.md
rename to test/test.ts-snapshots/flowchart-node.md
index 26b9d81..e626d4d 100644
--- a/__fixtures__/flowchart/output.md
+++ b/test/test.ts-snapshots/flowchart-node.md
@@ -1,6 +1,6 @@
 # An example of a flowchart
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
diff --git a/test/test.ts-snapshots/fontawesome-browser.html b/test/test.ts-snapshots/fontawesome-browser.html
new file mode 100644
index 0000000..91814f0
--- /dev/null
+++ b/test/test.ts-snapshots/fontawesome-browser.html
@@ -0,0 +1,4 @@
+<h1>Basic support for fontawesome</h1>
+<p>It is possible to add icons from fontawesome.</p>
+<p>The icons are acessed via the syntax <code>fa:#icon class name#</code>.</p>
+<p><svg viewBox="0 0 321.15625 144" style="max-width: 321.15625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-B-C" class="edgePath LS-B LE-C"><path style="fill:none" marker-end="url(#arrowhead20)" d="M113.3828125,46.241907816229116L103.27734375,50.53492318019093C93.171875,54.827938544152744,72.9609375,63.41396927207637,62.85546875,71.87365130270486C52.75,80.33333333333333,52.75,88.66666666666667,52.75,92.83333333333333L52.75,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead20"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead21)" d="M157.5,47L157.5,51.166666666666664C157.5,55.333333333333336,157.5,63.666666666666664,157.5,73.58333333333333C157.5,83.5,157.5,95,157.5,100.75L157.5,106.5" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead21"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-E" class="edgePath LS-B LE-E"><path style="fill:none" marker-end="url(#arrowhead22)" d="M201.6171875,45.70689030575279L212.23567708333334,50.08907525479399C222.85416666666666,54.47126020383519,244.09114583333334,63.23563010191759,254.70963541666666,71.78448171762547C265.328125,80.33333333333333,265.328125,88.66666666666667,265.328125,92.83333333333333L265.328125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead22"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-C" id="L-L-B-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-E" id="L-L-B-E"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(157.5,27.5)" id="flowchart-B-35" class="node default"><rect class="label-container" height="39" width="88.234375" y="-19.5" x="-44.1171875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-34.1171875,-9.5)"><foreignObject height="19" width="68.234375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-twitter"></i> for peace</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(52.75,116.5)" id="flowchart-C-37" class="node default"><rect class="label-container" height="39" width="89.5" y="-19.5" x="-44.75" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-34.75,-9.5)"><foreignObject height="19" width="69.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-ban"></i> forbidden</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(157.5,116.5)" id="flowchart-D-39" class="node default"><rect class="label-container" height="20" width="20" y="-10" x="-10" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(0,0)"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-spinner"></i></div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(265.328125,116.5)" id="flowchart-E-41" class="node default"><rect class="label-container" height="39" width="95.65625" y="-19.5" x="-47.828125" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-37.828125,-9.5)"><foreignObject height="19" width="75.65625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A <i class="fa fa-camera-retro"></i> perhaps?</div></foreignObject></g></g></g></g></g></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/fontawesome-browser.md b/test/test.ts-snapshots/fontawesome-browser.md
new file mode 100644
index 0000000..24f26fc
--- /dev/null
+++ b/test/test.ts-snapshots/fontawesome-browser.md
@@ -0,0 +1,7 @@
+# Basic support for fontawesome
+
+It is possible to add icons from fontawesome.
+
+The icons are acessed via the syntax `fa:#icon class name#`.
+
+<svg viewBox="0 0 321.15625 144" style="max-width: 321.15625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-B-C" class="edgePath LS-B LE-C"><path style="fill:none" marker-end="url(#arrowhead9)" d="M113.3828125,46.241907816229116L103.27734375,50.53492318019093C93.171875,54.827938544152744,72.9609375,63.41396927207637,62.85546875,71.87365130270486C52.75,80.33333333333333,52.75,88.66666666666667,52.75,92.83333333333333L52.75,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead9"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead10)" d="M157.5,47L157.5,51.166666666666664C157.5,55.333333333333336,157.5,63.666666666666664,157.5,73.58333333333333C157.5,83.5,157.5,95,157.5,100.75L157.5,106.5" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead10"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-E" class="edgePath LS-B LE-E"><path style="fill:none" marker-end="url(#arrowhead11)" d="M201.6171875,45.70689030575279L212.23567708333334,50.08907525479399C222.85416666666666,54.47126020383519,244.09114583333334,63.23563010191759,254.70963541666666,71.78448171762547C265.328125,80.33333333333333,265.328125,88.66666666666667,265.328125,92.83333333333333L265.328125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead11"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-C" id="L-L-B-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-E" id="L-L-B-E"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(157.5,27.5)" id="flowchart-B-14" class="node default"><rect class="label-container" height="39" width="88.234375" y="-19.5" x="-44.1171875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-34.1171875,-9.5)"><foreignObject height="19" width="68.234375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-twitter"></i> for peace</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(52.75,116.5)" id="flowchart-C-16" class="node default"><rect class="label-container" height="39" width="89.5" y="-19.5" x="-44.75" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-34.75,-9.5)"><foreignObject height="19" width="69.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-ban"></i> forbidden</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(157.5,116.5)" id="flowchart-D-18" class="node default"><rect class="label-container" height="20" width="20" y="-10" x="-10" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(0,0)"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><i class="fa fa-spinner"></i></div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(265.328125,116.5)" id="flowchart-E-20" class="node default"><rect class="label-container" height="39" width="95.65625" y="-19.5" x="-47.828125" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-37.828125,-9.5)"><foreignObject height="19" width="75.65625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A <i class="fa fa-camera-retro"></i> perhaps?</div></foreignObject></g></g></g></g></g></g></svg>
diff --git a/test/test.ts-snapshots/fontawesome-node.html b/test/test.ts-snapshots/fontawesome-node.html
new file mode 100644
index 0000000..c07f60c
--- /dev/null
+++ b/test/test.ts-snapshots/fontawesome-node.html
@@ -0,0 +1,84 @@
+<h1>Basic support for fontawesome</h1>
+<p>It is possible to add icons from fontawesome.</p>
+<p>The icons are acessed via the syntax <code>fa:#icon class name#</code>.</p>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:321.15625px" viewBox="0 0 321.156 144">
+  <defs>
+    <path id="b" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#a)" d="m113.383 46.242-10.106 4.293c-10.105 4.293-30.316 12.879-40.422 21.339-10.105 8.46-10.105 16.793-10.105 20.96V97"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#c)" d="M157.5 47v59.5"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#d)" d="m201.617 45.707 10.619 4.382c10.618 4.382 31.855 13.147 42.474 21.695 10.618 8.55 10.618 16.883 10.618 21.05V97"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(157.5 27.5)">
+    <rect width="88.234" height="39" x="-44.117" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="68.234" height="19" transform="translate(-34.117 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        <i>
+        for peace
+      </i></div><i>
+    
+  
+  <g opacity="1" transform="translate(52.75 116.5)">
+    <rect width="89.5" height="39" x="-44.75" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0">
+    <foreignobject width="69.5" height="19" transform="translate(-34.75 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        <i>
+        forbidden
+      </i></div><i>
+    </i></foreignobject><i>
+  </i></rect></g><i>
+  <g opacity="1" transform="translate(157.5 116.5)">
+    <rect width="20" height="20" x="-10" y="-10" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="5" ry="5">
+    <foreignobject width="0" height="0" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        <i>
+      </i></div><i>
+    </i></foreignobject><i>
+  </i></rect></g><i>
+  <g opacity="1" transform="translate(265.328 116.5)">
+    <rect width="95.656" height="39" x="-47.828" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="5" ry="5">
+    <foreignobject width="75.656" height="19" transform="translate(-37.828 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        A
+        <i>
+        perhaps?
+      </i></div><i>
+    </i></foreignobject><i>
+  </i></rect></g><i>
+
+</i></i></i></i></foreignObject></g></svg></p>
\ No newline at end of file
diff --git a/__fixtures__/fontawesome/output.md b/test/test.ts-snapshots/fontawesome-node.md
similarity index 94%
rename from __fixtures__/fontawesome/output.md
rename to test/test.ts-snapshots/fontawesome-node.md
index 0658cf8..caffa3b 100644
--- a/__fixtures__/fontawesome/output.md
+++ b/test/test.ts-snapshots/fontawesome-node.md
@@ -4,7 +4,7 @@ It is possible to add icons from fontawesome.
 
 The icons are acessed via the syntax `fa:#icon class name#`.
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="144" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:321.15625px" viewBox="0 0 321.156 144">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:321.15625px" viewBox="0 0 321.156 144">
   <defs>
     <path id="b" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
diff --git a/test/test.ts-snapshots/forest-browser.html b/test/test.ts-snapshots/forest-browser.html
new file mode 100644
index 0000000..eb60148
--- /dev/null
+++ b/test/test.ts-snapshots/forest-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a flowchart</h1>
+<p><svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead31)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead31"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead32)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead32"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead33)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead34)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-41" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-45" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/forest-browser.md b/test/test.ts-snapshots/forest-browser.md
new file mode 100644
index 0000000..b39a06a
--- /dev/null
+++ b/test/test.ts-snapshots/forest-browser.md
@@ -0,0 +1,3 @@
+# An example of a flowchart
+
+<svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead14)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead14"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead15)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead16)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-17" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-21" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg>
diff --git a/test/test.ts-snapshots/forest-node.html b/test/test.ts-snapshots/forest-node.html
new file mode 100644
index 0000000..fb47b09
--- /dev/null
+++ b/test/test.ts-snapshots/forest-node.html
@@ -0,0 +1,91 @@
+<h1>An example of a flowchart</h1>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+  <defs>
+    <path id="b" fill="green" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#000" stroke-width="2px" marker-end="url(#a)" d="m47.473 44.015-4.157 4.664c-4.157 4.664-12.47 13.993-16.628 22.823-4.157 8.831-4.157 17.165-4.157 21.331V97"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#000" stroke-width="2px" marker-end="url(#c)" d="m76.91 44.015 4.157 4.664c4.157 4.664 12.47 13.993 16.628 22.823 4.157 8.831 4.157 17.165 4.157 21.331V97"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#000" stroke-width="2px" marker-end="url(#d)" d="M22.531 136v4.167c0 4.166 0 12.5 4.126 21.295 4.126 8.796 12.377 18.054 16.503 22.684l4.125 4.629"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#000" stroke-width="2px" marker-end="url(#e)" d="M101.852 136v4.167c0 4.166 0 12.5-4.126 21.295-4.126 8.796-12.377 18.054-16.503 22.684l-4.125 4.629"></path>
+    <defs>
+      <marker id="e" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(62.191 27.5)">
+    <rect width="29.438" height="39" x="-14.719" y="-19.5" fill="#cde498" stroke="#13540c" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.438" height="19" transform="translate(-4.719 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        A
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(22.531 116.5)">
+    <rect width="29.063" height="39" x="-14.531" y="-19.5" fill="#cde498" stroke="#13540c" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.063" height="19" transform="translate(-4.531 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        B
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(101.852 116.5)">
+    <rect width="29.578" height="39" x="-14.789" y="-19.5" fill="#cde498" stroke="#13540c" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.578" height="19" transform="translate(-4.79 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        C
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(62.191 205.5)">
+    <rect width="29.813" height="39" x="-14.906" y="-19.5" fill="#cde498" stroke="#13540c" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.813" height="19" transform="translate(-4.906 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        D
+      </div>
+    </foreignObject>
+  </g>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/forest/output.md b/test/test.ts-snapshots/forest-node.md
similarity index 95%
rename from __fixtures__/forest/output.md
rename to test/test.ts-snapshots/forest-node.md
index ce3f33b..b9a1849 100644
--- a/__fixtures__/forest/output.md
+++ b/test/test.ts-snapshots/forest-node.md
@@ -1,6 +1,6 @@
 # An example of a flowchart
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" fill="green" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
diff --git a/test/test.ts-snapshots/gantt-browser.html b/test/test.ts-snapshots/gantt-browser.html
new file mode 100644
index 0000000..9cc1ad9
--- /dev/null
+++ b/test/test.ts-snapshots/gantt-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a gantt diagram</h1>
+<p><svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" style="max-width: 1264px;" viewBox="0 0 1264 340" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0">Adding GANTT diagram functionality to mermaid</title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .mermaid-main-font{font-family:"trebuchet ms",verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .exclude-range{fill:#eeeeee;}#remark-mermaid-0 .section{stroke:none;opacity:0.2;}#remark-mermaid-0 .section0{fill:rgba(102, 102, 255, 0.49);}#remark-mermaid-0 .section2{fill:#fff400;}#remark-mermaid-0 .section1,#remark-mermaid-0 .section3{fill:white;opacity:0.2;}#remark-mermaid-0 .sectionTitle0{fill:#333;}#remark-mermaid-0 .sectionTitle1{fill:#333;}#remark-mermaid-0 .sectionTitle2{fill:#333;}#remark-mermaid-0 .sectionTitle3{fill:#333;}#remark-mermaid-0 .sectionTitle{text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .grid .tick{stroke:lightgrey;opacity:0.8;shape-rendering:crispEdges;}#remark-mermaid-0 .grid .tick text{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#333;}#remark-mermaid-0 .grid path{stroke-width:0;}#remark-mermaid-0 .today{fill:none;stroke:red;stroke-width:2px;}#remark-mermaid-0 .task{stroke-width:2;}#remark-mermaid-0 .taskText{text-anchor:middle;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .taskTextOutsideRight{fill:black;text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .taskTextOutsideLeft{fill:black;text-anchor:end;}#remark-mermaid-0 .task.clickable{cursor:pointer;}#remark-mermaid-0 .taskText.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskText0,#remark-mermaid-0 .taskText1,#remark-mermaid-0 .taskText2,#remark-mermaid-0 .taskText3{fill:white;}#remark-mermaid-0 .task0,#remark-mermaid-0 .task1,#remark-mermaid-0 .task2,#remark-mermaid-0 .task3{fill:#8a90dd;stroke:#534fbc;}#remark-mermaid-0 .taskTextOutside0,#remark-mermaid-0 .taskTextOutside2{fill:black;}#remark-mermaid-0 .taskTextOutside1,#remark-mermaid-0 .taskTextOutside3{fill:black;}#remark-mermaid-0 .active0,#remark-mermaid-0 .active1,#remark-mermaid-0 .active2,#remark-mermaid-0 .active3{fill:#bfc7ff;stroke:#534fbc;}#remark-mermaid-0 .activeText0,#remark-mermaid-0 .activeText1,#remark-mermaid-0 .activeText2,#remark-mermaid-0 .activeText3{fill:black!important;}#remark-mermaid-0 .done0,#remark-mermaid-0 .done1,#remark-mermaid-0 .done2,#remark-mermaid-0 .done3{stroke:grey;fill:lightgrey;stroke-width:2;}#remark-mermaid-0 .doneText0,#remark-mermaid-0 .doneText1,#remark-mermaid-0 .doneText2,#remark-mermaid-0 .doneText3{fill:black!important;}#remark-mermaid-0 .crit0,#remark-mermaid-0 .crit1,#remark-mermaid-0 .crit2,#remark-mermaid-0 .crit3{stroke:#ff8888;fill:red;stroke-width:2;}#remark-mermaid-0 .activeCrit0,#remark-mermaid-0 .activeCrit1,#remark-mermaid-0 .activeCrit2,#remark-mermaid-0 .activeCrit3{stroke:#ff8888;fill:#bfc7ff;stroke-width:2;}#remark-mermaid-0 .doneCrit0,#remark-mermaid-0 .doneCrit1,#remark-mermaid-0 .doneCrit2,#remark-mermaid-0 .doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges;}#remark-mermaid-0 .milestone{transform:rotate(45deg) scale(0.8,0.8);}#remark-mermaid-0 .milestoneText{font-style:italic;}#remark-mermaid-0 .doneCritText0,#remark-mermaid-0 .doneCritText1,#remark-mermaid-0 .doneCritText2,#remark-mermaid-0 .doneCritText3{fill:black!important;}#remark-mermaid-0 .activeCritText0,#remark-mermaid-0 .activeCritText1,#remark-mermaid-0 .activeCritText2,#remark-mermaid-0 .activeCritText3{fill:black!important;}#remark-mermaid-0 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><g></g><g text-anchor="middle" font-family="sans-serif" font-size="10" fill="none" transform="translate(75, 290)" class="grid"><path d="M0.5,-255V0.5H1114.5V-255" stroke="currentColor" class="domain"></path><g transform="translate(70.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-07</text></g><g transform="translate(209.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-09</text></g><g transform="translate(348.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-11</text></g><g transform="translate(487.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-13</text></g><g transform="translate(627.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-15</text></g><g transform="translate(766.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-17</text></g><g transform="translate(905.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-19</text></g><g transform="translate(1044.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-21</text></g></g><g><rect class="section section0" height="24" width="1226.5" y="48" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="144" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="168" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="72" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="192" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="96" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="216" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="120" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="240" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="264" x="0"></rect></g><g><rect class="task done0" transform-origin="144.5px 60px" height="20" width="139" y="50" x="75" ry="3" rx="3" id="des1"></rect><rect class="task doneCrit1" transform-origin="110px 156px" height="20" width="70" y="146" x="75" ry="3" rx="3" id="task1"></rect><rect class="task doneCrit1" transform-origin="284px 180px" height="20" width="140" y="170" x="214" ry="3" rx="3" id="task2"></rect><rect class="task active0" transform-origin="388.5px 84px" height="20" width="209" y="74" x="284" ry="3" rx="3" id="des2"></rect><rect class="task activeCrit1" transform-origin="458px 204px" height="20" width="208" y="194" x="354" ry="3" rx="3" id="task3"></rect><rect class="task task0" transform-origin="667px 108px" height="20" width="348" y="98" x="493" ry="3" rx="3" id="des3"></rect><rect class="task crit1" transform-origin="736.5px 228px" height="20" width="349" y="218" x="562" ry="3" rx="3" id="task4"></rect><rect class="task task0" transform-origin="1015px 132px" height="20" width="348" y="122" x="841" ry="3" rx="3" id="des4"></rect><rect class="task task1" transform-origin="980.5px 252px" height="20" width="139" y="242" x="911" ry="3" rx="3" id="task5"></rect><rect class="task task1" transform-origin="1084.5px 276px" height="20" width="69" y="266" x="1050" ry="3" rx="3" id="task6"></rect><text class="taskText taskText0 doneText0 width-77.3818359375" y="63.5" x="144.5" font-size="11" id="des1-text">Completed task            </text><text class="taskTextOutsideRight taskTextOutside1 doneCritText1 width-168.921875" y="159.5" x="150" font-size="11" id="task1-text">Completed task in the critical line </text><text class="taskText taskText1 doneCritText1 width-135.375" y="183.5" x="284" font-size="11" id="task2-text">Implement parser and jison          </text><text class="taskText taskText0 activeText0 width-54.7265625" y="87.5" x="388.5" font-size="11" id="des2-text">Active task               </text><text class="taskText taskText1 activeCritText1 critText1 width-112.443359375" y="207.5" x="458" font-size="11" id="task3-text">Create tests for parser             </text><text class="taskText taskText0 width-56.337890625" y="111.5" x="667" font-size="11" id="des3-text">Future task               </text><text class="taskText taskText1 critText1 width-128.203125" y="231.5" x="736.5" font-size="11" id="task4-text">Future task in critical line        </text><text class="taskText taskText0 width-61.88623046875" y="135.5" x="1015" font-size="11" id="des4-text">Future task2               </text><text class="taskText taskText1 width-124.49609375" y="255.5" x="980.5" font-size="11" id="task5-text">Create tests for renderer           </text><text class="taskTextOutsideRight taskTextOutside1 width-79.21875" y="279.5" x="1124" font-size="11" id="task6-text">Add to mermaid                      </text></g><g><text class="sectionTitle sectionTitle0" font-size="11" y="98" x="10" dy="0em"><tspan x="10" alignment-baseline="central">A section</tspan></text><text class="sectionTitle sectionTitle1" font-size="11" y="218" x="10" dy="0em"><tspan x="10" alignment-baseline="central">Critical tasks</tspan></text></g><g class="today"><line class="today" y2="315" y1="25" x2="222014" x1="222014"></line></g><text class="titleText" y="25" x="632">Adding GANTT diagram functionality to mermaid</text></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/gantt-browser.md b/test/test.ts-snapshots/gantt-browser.md
new file mode 100644
index 0000000..dd90810
--- /dev/null
+++ b/test/test.ts-snapshots/gantt-browser.md
@@ -0,0 +1,3 @@
+# An example of a gantt diagram
+
+<svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" style="max-width: 1264px;" viewBox="0 0 1264 340" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0">Adding GANTT diagram functionality to mermaid</title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .mermaid-main-font{font-family:"trebuchet ms",verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .exclude-range{fill:#eeeeee;}#remark-mermaid-0 .section{stroke:none;opacity:0.2;}#remark-mermaid-0 .section0{fill:rgba(102, 102, 255, 0.49);}#remark-mermaid-0 .section2{fill:#fff400;}#remark-mermaid-0 .section1,#remark-mermaid-0 .section3{fill:white;opacity:0.2;}#remark-mermaid-0 .sectionTitle0{fill:#333;}#remark-mermaid-0 .sectionTitle1{fill:#333;}#remark-mermaid-0 .sectionTitle2{fill:#333;}#remark-mermaid-0 .sectionTitle3{fill:#333;}#remark-mermaid-0 .sectionTitle{text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .grid .tick{stroke:lightgrey;opacity:0.8;shape-rendering:crispEdges;}#remark-mermaid-0 .grid .tick text{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#333;}#remark-mermaid-0 .grid path{stroke-width:0;}#remark-mermaid-0 .today{fill:none;stroke:red;stroke-width:2px;}#remark-mermaid-0 .task{stroke-width:2;}#remark-mermaid-0 .taskText{text-anchor:middle;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .taskTextOutsideRight{fill:black;text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 .taskTextOutsideLeft{fill:black;text-anchor:end;}#remark-mermaid-0 .task.clickable{cursor:pointer;}#remark-mermaid-0 .taskText.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#remark-mermaid-0 .taskText0,#remark-mermaid-0 .taskText1,#remark-mermaid-0 .taskText2,#remark-mermaid-0 .taskText3{fill:white;}#remark-mermaid-0 .task0,#remark-mermaid-0 .task1,#remark-mermaid-0 .task2,#remark-mermaid-0 .task3{fill:#8a90dd;stroke:#534fbc;}#remark-mermaid-0 .taskTextOutside0,#remark-mermaid-0 .taskTextOutside2{fill:black;}#remark-mermaid-0 .taskTextOutside1,#remark-mermaid-0 .taskTextOutside3{fill:black;}#remark-mermaid-0 .active0,#remark-mermaid-0 .active1,#remark-mermaid-0 .active2,#remark-mermaid-0 .active3{fill:#bfc7ff;stroke:#534fbc;}#remark-mermaid-0 .activeText0,#remark-mermaid-0 .activeText1,#remark-mermaid-0 .activeText2,#remark-mermaid-0 .activeText3{fill:black!important;}#remark-mermaid-0 .done0,#remark-mermaid-0 .done1,#remark-mermaid-0 .done2,#remark-mermaid-0 .done3{stroke:grey;fill:lightgrey;stroke-width:2;}#remark-mermaid-0 .doneText0,#remark-mermaid-0 .doneText1,#remark-mermaid-0 .doneText2,#remark-mermaid-0 .doneText3{fill:black!important;}#remark-mermaid-0 .crit0,#remark-mermaid-0 .crit1,#remark-mermaid-0 .crit2,#remark-mermaid-0 .crit3{stroke:#ff8888;fill:red;stroke-width:2;}#remark-mermaid-0 .activeCrit0,#remark-mermaid-0 .activeCrit1,#remark-mermaid-0 .activeCrit2,#remark-mermaid-0 .activeCrit3{stroke:#ff8888;fill:#bfc7ff;stroke-width:2;}#remark-mermaid-0 .doneCrit0,#remark-mermaid-0 .doneCrit1,#remark-mermaid-0 .doneCrit2,#remark-mermaid-0 .doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges;}#remark-mermaid-0 .milestone{transform:rotate(45deg) scale(0.8,0.8);}#remark-mermaid-0 .milestoneText{font-style:italic;}#remark-mermaid-0 .doneCritText0,#remark-mermaid-0 .doneCritText1,#remark-mermaid-0 .doneCritText2,#remark-mermaid-0 .doneCritText3{fill:black!important;}#remark-mermaid-0 .activeCritText0,#remark-mermaid-0 .activeCritText1,#remark-mermaid-0 .activeCritText2,#remark-mermaid-0 .activeCritText3{fill:black!important;}#remark-mermaid-0 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><g></g><g text-anchor="middle" font-family="sans-serif" font-size="10" fill="none" transform="translate(75, 290)" class="grid"><path d="M0.5,-255V0.5H1114.5V-255" stroke="currentColor" class="domain"></path><g transform="translate(70.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-07</text></g><g transform="translate(209.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-09</text></g><g transform="translate(348.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-11</text></g><g transform="translate(487.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-13</text></g><g transform="translate(627.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-15</text></g><g transform="translate(766.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-17</text></g><g transform="translate(905.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-19</text></g><g transform="translate(1044.5,0)" opacity="1" class="tick"><line y2="-255" stroke="currentColor"></line><text style="text-anchor: middle;" font-size="10" stroke="none" dy="1em" y="3" fill="#000">2014-01-21</text></g></g><g><rect class="section section0" height="24" width="1226.5" y="48" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="144" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="168" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="72" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="192" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="96" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="216" x="0"></rect><rect class="section section0" height="24" width="1226.5" y="120" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="240" x="0"></rect><rect class="section section1" height="24" width="1226.5" y="264" x="0"></rect></g><g><rect class="task done0" transform-origin="144.5px 60px" height="20" width="139" y="50" x="75" ry="3" rx="3" id="des1"></rect><rect class="task doneCrit1" transform-origin="110px 156px" height="20" width="70" y="146" x="75" ry="3" rx="3" id="task1"></rect><rect class="task doneCrit1" transform-origin="284px 180px" height="20" width="140" y="170" x="214" ry="3" rx="3" id="task2"></rect><rect class="task active0" transform-origin="388.5px 84px" height="20" width="209" y="74" x="284" ry="3" rx="3" id="des2"></rect><rect class="task activeCrit1" transform-origin="458px 204px" height="20" width="208" y="194" x="354" ry="3" rx="3" id="task3"></rect><rect class="task task0" transform-origin="667px 108px" height="20" width="348" y="98" x="493" ry="3" rx="3" id="des3"></rect><rect class="task crit1" transform-origin="736.5px 228px" height="20" width="349" y="218" x="562" ry="3" rx="3" id="task4"></rect><rect class="task task0" transform-origin="1015px 132px" height="20" width="348" y="122" x="841" ry="3" rx="3" id="des4"></rect><rect class="task task1" transform-origin="980.5px 252px" height="20" width="139" y="242" x="911" ry="3" rx="3" id="task5"></rect><rect class="task task1" transform-origin="1084.5px 276px" height="20" width="69" y="266" x="1050" ry="3" rx="3" id="task6"></rect><text class="taskText taskText0  doneText0 width-77.3818359375" y="63.5" x="144.5" font-size="11" id="des1-text">Completed task            </text><text class="taskTextOutsideRight taskTextOutside1  doneCritText1 width-168.921875" y="159.5" x="150" font-size="11" id="task1-text">Completed task in the critical line </text><text class="taskText taskText1  doneCritText1 width-135.375" y="183.5" x="284" font-size="11" id="task2-text">Implement parser and jison          </text><text class="taskText taskText0 activeText0 width-54.7265625" y="87.5" x="388.5" font-size="11" id="des2-text">Active task               </text><text class="taskText taskText1 activeCritText1 critText1 width-112.443359375" y="207.5" x="458" font-size="11" id="task3-text">Create tests for parser             </text><text class="taskText taskText0  width-56.337890625" y="111.5" x="667" font-size="11" id="des3-text">Future task               </text><text class="taskText taskText1  critText1 width-128.203125" y="231.5" x="736.5" font-size="11" id="task4-text">Future task in critical line        </text><text class="taskText taskText0  width-61.88623046875" y="135.5" x="1015" font-size="11" id="des4-text">Future task2               </text><text class="taskText taskText1  width-124.49609375" y="255.5" x="980.5" font-size="11" id="task5-text">Create tests for renderer           </text><text class="taskTextOutsideRight taskTextOutside1  width-79.21875" y="279.5" x="1124" font-size="11" id="task6-text">Add to mermaid                      </text></g><g><text class="sectionTitle sectionTitle0" font-size="11" y="98" x="10" dy="0em"><tspan x="10" alignment-baseline="central">A section</tspan></text><text class="sectionTitle sectionTitle1" font-size="11" y="218" x="10" dy="0em"><tspan x="10" alignment-baseline="central">Critical tasks</tspan></text></g><g class="today"><line class="today" y2="315" y1="25" x2="222014" x1="222014"></line></g><text class="titleText" y="25" x="632">Adding GANTT diagram functionality to mermaid</text></svg>
diff --git a/test/test.ts-snapshots/gantt-node.html b/test/test.ts-snapshots/gantt-node.html
new file mode 100644
index 0000000..e7dcf53
--- /dev/null
+++ b/test/test.ts-snapshots/gantt-node.html
@@ -0,0 +1,73 @@
+<h1>An example of a gantt diagram</h1>
+<p><svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:584px" viewBox="0 0 584 340">
+  <g fill="none" font-family="sans-serif" font-size="10" text-anchor="middle" transform="translate(75 290)">
+    <path d="M.5-255V.5h434V-255"></path>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(27.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-07</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(81.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-09</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(136.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-11</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(190.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-13</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(244.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-15</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(298.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-17</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(353.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-19</text>
+    </g>
+    <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(407.5)">
+      <line y2="-255" stroke="currentColor"></line>
+      <text y="3" fill="#333" stroke="none" dy="1em" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif">2014-01-21</text>
+    </g>
+  </g>
+  <rect width="546.5" height="24" y="48" fill="rgba(102,102,255,.49)" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="144" fill="#fff" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="168" fill="#fff" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="72" fill="rgba(102,102,255,.49)" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="192" fill="#fff" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="96" fill="rgba(102,102,255,.49)" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="216" fill="#fff" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="120" fill="rgba(102,102,255,.49)" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="240" fill="#fff" opacity=".2"></rect>
+  <rect width="546.5" height="24" y="264" fill="#fff" opacity=".2"></rect>
+  <rect width="54" height="20" x="75" y="50" fill="#d3d3d3" stroke="gray" stroke-width="2" rx="3" ry="3" transform-origin="102px 60px"></rect>
+  <rect width="27" height="20" x="75" y="146" fill="#d3d3d3" stroke="#f88" stroke-width="2" cursor="pointer" rx="3" ry="3" shape-rendering="crispEdges" transform-origin="88.5px 156px"></rect>
+  <rect width="55" height="20" x="129" y="170" fill="#d3d3d3" stroke="#f88" stroke-width="2" cursor="pointer" rx="3" ry="3" shape-rendering="crispEdges" transform-origin="156.5px 180px"></rect>
+  <rect width="82" height="20" x="156" y="74" fill="#bfc7ff" stroke="#534fbc" stroke-width="2" rx="3" ry="3" transform-origin="197px 84px"></rect>
+  <rect width="81" height="20" x="184" y="194" fill="#bfc7ff" stroke="#f88" stroke-width="2" rx="3" ry="3" transform-origin="224.5px 204px"></rect>
+  <rect width="135" height="20" x="238" y="98" fill="#8a90dd" stroke="#534fbc" stroke-width="2" rx="3" ry="3" transform-origin="305.5px 108px"></rect>
+  <rect width="136" height="20" x="265" y="218" fill="red" stroke="#f88" stroke-width="2" rx="3" ry="3" transform-origin="333px 228px"></rect>
+  <rect width="136" height="20" x="373" y="122" fill="#8a90dd" stroke="#534fbc" stroke-width="2" rx="3" ry="3" transform-origin="441px 132px"></rect>
+  <rect width="54" height="20" x="401" y="242" fill="#8a90dd" stroke="#534fbc" stroke-width="2" rx="3" ry="3" transform-origin="428px 252px"></rect>
+  <rect width="27" height="20" x="455" y="266" fill="#8a90dd" stroke="#534fbc" stroke-width="2" rx="3" ry="3" transform-origin="468.5px 276px"></rect>
+  <text x="134" y="63.5" fill="#000" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="start">Completed task            </text>
+  <text x="107" y="159.5" fill="#000" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="start">Completed task in the critical line </text>
+  <text x="189" y="183.5" fill="#000" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="start">Implement parser and jison          </text>
+  <text x="197" y="87.5" fill="#000" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="middle">Active task               </text>
+  <text x="270" y="207.5" fill="#000" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="start">Create tests for parser             </text>
+  <text x="305.5" y="111.5" fill="#fff" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="middle">Future task               </text>
+  <text x="333" y="231.5" fill="#fff" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="middle">Future task in critical line        </text>
+  <text x="441" y="135.5" fill="#fff" font-family="var(--mermaid-font-family)" font-size="11" text-anchor="middle">Future task2               </text>
+  <text x="396" y="255.5" fill="#000" font-size="11" text-anchor="end">Create tests for renderer           </text>
+  <text x="450" y="279.5" fill="#000" font-size="11" text-anchor="end">Add to mermaid                      </text>
+  <text x="10" y="98" dy="0em" font-family="var(--mermaid-font-family)" font-size="11"><tspan x="10" alignment-baseline="central">A section</tspan></text>
+  <text x="10" y="218" dy="0em" font-family="var(--mermaid-font-family)" font-size="11"><tspan x="10" alignment-baseline="central">Critical tasks</tspan></text>
+  <line x1="86540" x2="86540" y1="25" y2="315" fill="none" stroke="red" stroke-width="2px"></line>
+  <text x="292" y="25" font-family="var(--mermaid-font-family)" font-size="18px" text-anchor="middle">Adding GANTT diagram functionality to mermaid</text>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/gantt/output.md b/test/test.ts-snapshots/gantt-node.md
similarity index 96%
rename from __fixtures__/gantt/output.md
rename to test/test.ts-snapshots/gantt-node.md
index 97a71ca..9fbce5d 100644
--- a/__fixtures__/gantt/output.md
+++ b/test/test.ts-snapshots/gantt-node.md
@@ -1,6 +1,6 @@
 # An example of a gantt diagram
 
-<svg height="340" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:584px" viewBox="0 0 584 340">
+<svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:584px" viewBox="0 0 584 340">
   <g fill="none" font-family="sans-serif" font-size="10" text-anchor="middle" transform="translate(75 290)">
     <path d="M.5-255V.5h434V-255"/>
     <g stroke="#d3d3d3" opacity=".8" shape-rendering="crispEdges" transform="translate(27.5)">
@@ -68,6 +68,6 @@
   <text x="450" y="279.5" fill="#000" font-size="11" text-anchor="end">Add to mermaid                      </text>
   <text x="10" y="98" dy="0em" font-family="var(--mermaid-font-family)" font-size="11"><tspan x="10" alignment-baseline="central">A section</tspan></text>
   <text x="10" y="218" dy="0em" font-family="var(--mermaid-font-family)" font-size="11"><tspan x="10" alignment-baseline="central">Critical tasks</tspan></text>
-  <line x1="85775" x2="85775" y1="25" y2="315" fill="none" stroke="red" stroke-width="2px"/>
+  <line x1="86540" x2="86540" y1="25" y2="315" fill="none" stroke="red" stroke-width="2px"/>
   <text x="292" y="25" font-family="var(--mermaid-font-family)" font-size="18px" text-anchor="middle">Adding GANTT diagram functionality to mermaid</text>
 </svg>
diff --git a/test/test.ts-snapshots/multiple-browser.html b/test/test.ts-snapshots/multiple-browser.html
new file mode 100644
index 0000000..4246aa1
--- /dev/null
+++ b/test/test.ts-snapshots/multiple-browser.html
@@ -0,0 +1,9 @@
+<h1>Demos</h1>
+<h2>Basic sequence diagram</h2>
+<p><svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" viewBox="-50 -10 790 541" style="max-width: 790px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 text.actor>tspan{fill:black;stroke:none;}#remark-mermaid-0 .actor-line{stroke:grey;}#remark-mermaid-0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-0 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-0 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-0 .sequenceNumber{fill:white;}#remark-mermaid-0 #sequencenumber{fill:#333;}#remark-mermaid-0 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-0 .messageText{fill:#333;stroke:none;}#remark-mermaid-0 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .labelText,#remark-mermaid-0 .labelText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopText,#remark-mermaid-0 .loopText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-0 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-0 .noteText,#remark-mermaid-0 .noteText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .actorPopupMenu{position:absolute;}#remark-mermaid-0 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-0 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .actor-man circle,#remark-mermaid-0 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="75" y1="5" x1="75" id="actor8"></line><g id="root-8"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="305" y1="5" x1="305" id="actor9"></line><g id="root-9"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="230"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="305"><tspan dy="0" x="305">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="515" y1="5" x1="515" id="actor10"></line><g id="root-10"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="440"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="515"><tspan dy="0" x="515">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><rect class="note" ry="0" rx="0" height="84" width="150" stroke="#666" fill="#EDF2AE" y="259" x="540"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="264" x="615"><tspan x="615">Bob thinks a long</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="280" x="615"><tspan x="615">long time, so long</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="296" x="615"><tspan x="615">that the text does</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="312" x="615"><tspan x="615">not fit on a row.</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="190">Hello Bob, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="305" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="126" x="410">How about you John?</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="157" x2="515" y1="157" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="172" x="190">I am good thanks!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#crosshead)" stroke="none" stroke-width="2" class="messageLine1" y2="203" x2="75" y1="203" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="218" x="410">I am good thanks!</text><line style="fill: none;" marker-end="url(#crosshead)" stroke="none" stroke-width="2" class="messageLine0" y2="249" x2="515" y1="249" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="358" x="190">Checking with John...</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="389" x2="75" y1="389" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="404" x="295">Yes... John, how are you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="435" x2="515" y1="435" x1="75"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="230"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="305"><tspan dy="0" x="305">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="440"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="515"><tspan dy="0" x="515">John</tspan></text></g></svg></p>
+<h2>Basic flowchart</h2>
+<p><svg viewBox="0 0 495.8031311035156 166.71875" style="max-width: 495.8031311035156px;" aria-labelledby="chart-title-remark-mermaid-1 chart-desc-remark-mermaid-1" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-1"><title id="chart-title-remark-mermaid-1"></title><desc id="chart-desc-remark-mermaid-1"></desc><style>#remark-mermaid-1 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-1 .error-icon{fill:#552222;}#remark-mermaid-1 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-1 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-1 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-1 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-1 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-1 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-1 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-1 .marker.cross{stroke:#333333;}#remark-mermaid-1 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-1 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-1 .cluster-label text{fill:#333;}#remark-mermaid-1 .cluster-label span{color:#333;}#remark-mermaid-1 .label text,#remark-mermaid-1 span{fill:#333;color:#333;}#remark-mermaid-1 .node rect,#remark-mermaid-1 .node circle,#remark-mermaid-1 .node ellipse,#remark-mermaid-1 .node polygon,#remark-mermaid-1 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-1 .node .label{text-align:center;}#remark-mermaid-1 .node.clickable{cursor:pointer;}#remark-mermaid-1 .arrowheadPath{fill:#333333;}#remark-mermaid-1 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-1 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-1 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-1 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-1 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-1 .cluster text{fill:#333;}#remark-mermaid-1 .cluster span{color:#333;}#remark-mermaid-1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-1 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead33)" d="M103.13064864549276,69.5390625L114.28465512124397,64.42578125C125.43866159699517,59.3125,147.7466745484976,49.0859375,171.57906644091545,43.97265625C195.41145833333334,38.859375,220.76822916666666,38.859375,233.44661458333334,38.859375L246.125,38.859375" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead34)" d="M103.13064864549276,108.5390625L114.28465512124397,113.65234375C125.43866159699517,118.765625,147.7466745484976,128.9921875,168.37854560758214,134.10546875C189.01041666666666,139.21875,207.96614583333334,139.21875,217.44401041666666,139.21875L226.921875,139.21875" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead35)" d="M307.84375,38.859375L315.2109375,38.859375C322.578125,38.859375,337.3125,38.859375,352.4771032551395,43.75857395535041C367.641706510279,48.65777291070081,383.23653802055804,58.45617082140163,391.0339537756976,63.355369776752035L398.8313695308371,68.25456873210244" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead35"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead36)" d="M327.046875,139.21875L331.2135416666667,139.21875C335.3802083333333,139.21875,343.7135416666667,139.21875,355.6776239319045,134.48621780906112C367.6417061971424,129.75368561812226,383.2365373942848,120.28862123624448,391.03395299285603,115.55608904530561L398.83136859142724,110.82355685436673" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead36"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="translate(170.0546875,38.859375)" class="edgeLabel"><g class="label" transform="translate(-31.8671875,-9.5)"><rect height="19" width="63.734375" ry="0" rx="0"></rect><foreignObject height="19" width="63.734375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B">Link text</span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(60.59375,89.0390625)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="105.1875" y="-19.5" x="-52.59375" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-42.59375,-9.5)"><foreignObject height="19" width="85.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Square Rect</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(276.984375,38.859375)" id="flowchart-B-41" class="node default"><circle class="label-container" r="30.859375" y="-19.5" x="-30.859375"></circle><g transform="translate(0,0)" class="label"><g transform="translate(-20.859375,-9.5)"><foreignObject height="19" width="41.71875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Circle</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(276.984375,139.21875)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="100.125" y="-19.5" x="-50.0625" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-40.0625,-9.5)"><foreignObject height="19" width="80.125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Round Rect</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(432.42499923706055,89.0390625)" id="flowchart-D-45" class="node default"><polygon class="label-container" transform="translate(-55.378125000000004,55.378125000000004)" points="55.378125000000004,0 110.75625000000001,-55.378125000000004 55.378125000000004,-110.75625000000001 0,-55.378125000000004"></polygon><g transform="translate(0,0)" class="label"><g transform="translate(-32.03125,-9.5)"><foreignObject height="19" width="64.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Rhombus</div></foreignObject></g></g></g></g></g></g></svg></p>
+<h2>Loops, alt and opt</h2>
+<p><svg aria-labelledby="chart-title-remark-mermaid-2 chart-desc-remark-mermaid-2" role="img" viewBox="-50 -10 481 565" style="max-width: 481px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-2"><title id="chart-title-remark-mermaid-2"></title><desc id="chart-desc-remark-mermaid-2"></desc><style>#remark-mermaid-2 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-2 .error-icon{fill:#552222;}#remark-mermaid-2 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-2 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-2 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-2 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-2 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-2 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-2 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-2 .marker.cross{stroke:#333333;}#remark-mermaid-2 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-2 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 text.actor>tspan{fill:black;stroke:none;}#remark-mermaid-2 .actor-line{stroke:grey;}#remark-mermaid-2 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-2 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-2 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-2 .sequenceNumber{fill:white;}#remark-mermaid-2 #sequencenumber{fill:#333;}#remark-mermaid-2 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-2 .messageText{fill:#333;stroke:none;}#remark-mermaid-2 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 .labelText,#remark-mermaid-2 .labelText>tspan{fill:black;stroke:none;}#remark-mermaid-2 .loopText,#remark-mermaid-2 .loopText>tspan{fill:black;stroke:none;}#remark-mermaid-2 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-2 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-2 .noteText,#remark-mermaid-2 .noteText>tspan{fill:black;stroke:none;}#remark-mermaid-2 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .actorPopupMenu{position:absolute;}#remark-mermaid-2 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-2 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 .actor-man circle,#remark-mermaid-2 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-2 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="75" y1="5" x1="75" id="actor11"></line><g id="root-11"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="306" y1="5" x1="306" id="actor12"></line><g id="root-12"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="231"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="306"><tspan dy="0" x="306">Bob</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="166" x2="316" y1="166" x1="65"></line><line class="loopLine" y2="348" x2="316" y1="166" x1="316"></line><line class="loopLine" y2="348" x2="316" y1="348" x1="65"></line><line class="loopLine" y2="348" x2="65" y1="166" x1="65"></line><line style="stroke-dasharray: 3, 3;" class="loopLine" y2="262" x2="316" y1="262" x1="65"></line><polygon class="labelBox" points="65,166 115,166 115,179 106.6,186 65,186"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="179" x="90">alt</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="184" x="215.5"><tspan x="215.5">[is sick]</tspan></text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="280" x="190.5">[is well]</text></g><g><line class="loopLine" y2="358" x2="316" y1="358" x1="65"></line><line class="loopLine" y2="449" x2="316" y1="358" x1="316"></line><line class="loopLine" y2="449" x2="316" y1="449" x1="65"></line><line class="loopLine" y2="449" x2="65" y1="358" x1="65"></line><polygon class="labelBox" points="65,358 115,358 115,371 106.6,378 65,378"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="371" x="90">opt</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="376" x="215.5"><tspan x="215.5">[Extra response]</tspan></text></g><g><line class="loopLine" y2="75" x2="326" y1="75" x1="55"></line><line class="loopLine" y2="459" x2="326" y1="75" x1="326"></line><line class="loopLine" y2="459" x2="326" y1="459" x1="55"></line><line class="loopLine" y2="459" x2="55" y1="75" x1="55"></line><polygon class="labelBox" points="55,75 105,75 105,88 96.6,95 55,95"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="88" x="80">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="93" x="215.5"><tspan x="215.5">[Daily query]</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="125" x="191">Hello Bob, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="156" x2="306" y1="156" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="216" x="191">Not so good :(</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="247" x2="75" y1="247" x1="306"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="307" x="191">Feeling fresh like a daisy</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="338" x2="75" y1="338" x1="306"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="408" x="191">Thanks for asking</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="439" x2="75" y1="439" x1="306"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="479" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="511.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="479" x="231"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="511.5" x="306"><tspan dy="0" x="306">Bob</tspan></text></g></svg></p>
+<h2>Message to self in loop</h2>
+<p><svg aria-labelledby="chart-title-remark-mermaid-3 chart-desc-remark-mermaid-3" role="img" viewBox="-50 -10 750 576" style="max-width: 750px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-3"><title id="chart-title-remark-mermaid-3"></title><desc id="chart-desc-remark-mermaid-3"></desc><style>#remark-mermaid-3 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-3 .error-icon{fill:#552222;}#remark-mermaid-3 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-3 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-3 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-3 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-3 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-3 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-3 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-3 .marker.cross{stroke:#333333;}#remark-mermaid-3 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-3 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 text.actor>tspan{fill:black;stroke:none;}#remark-mermaid-3 .actor-line{stroke:grey;}#remark-mermaid-3 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-3 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-3 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-3 .sequenceNumber{fill:white;}#remark-mermaid-3 #sequencenumber{fill:#333;}#remark-mermaid-3 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-3 .messageText{fill:#333;stroke:none;}#remark-mermaid-3 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 .labelText,#remark-mermaid-3 .labelText>tspan{fill:black;stroke:none;}#remark-mermaid-3 .loopText,#remark-mermaid-3 .loopText>tspan{fill:black;stroke:none;}#remark-mermaid-3 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-3 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-3 .noteText,#remark-mermaid-3 .noteText>tspan{fill:black;stroke:none;}#remark-mermaid-3 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .actorPopupMenu{position:absolute;}#remark-mermaid-3 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-3 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 .actor-man circle,#remark-mermaid-3 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-3 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="75" y1="5" x1="75" id="actor13"></line><g id="root-13"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="275" y1="5" x1="275" id="actor14"></line><g id="root-14"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="475" y1="5" x1="475" id="actor15"></line><g id="root-15"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="121" x2="573" y1="121" x1="377"></line><line class="loopLine" y2="272" x2="573" y1="121" x1="573"></line><line class="loopLine" y2="272" x2="573" y1="272" x1="377"></line><line class="loopLine" y2="272" x2="377" y1="121" x1="377"></line><polygon class="labelBox" points="377,121 427,121 427,134 418.6,141 377,141"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="134" x="402">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="139" x="500"><tspan x="500">[Healthcheck]</tspan></text></g><g><rect class="note" ry="0" rx="0" height="52" width="150" stroke="#666" fill="#EDF2AE" y="282" x="500"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="287" x="575"><tspan x="575">Rational thoughts</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="303" x="575"><tspan x="575">prevail...</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="275">Hello John, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="475" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="171" x="475">Fight against hypochondria</text><path style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" d="M 475,202 C 535,192 535,232 475,222"></path><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="349" x="275">Great!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="378" x2="75" y1="378" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="393" x="375">How about you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="424" x2="275" y1="424" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="439" x="375">Jolly good!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="470" x2="475" y1="470" x1="275"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/multiple-browser.md b/test/test.ts-snapshots/multiple-browser.md
new file mode 100644
index 0000000..6a1e563
--- /dev/null
+++ b/test/test.ts-snapshots/multiple-browser.md
@@ -0,0 +1,17 @@
+# Demos
+
+## Basic sequence diagram
+
+<svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" viewBox="-50 -10 790 541" style="max-width: 790px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 text.actor&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .actor-line{stroke:grey;}#remark-mermaid-0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-0 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-0 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-0 .sequenceNumber{fill:white;}#remark-mermaid-0 #sequencenumber{fill:#333;}#remark-mermaid-0 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-0 .messageText{fill:#333;stroke:none;}#remark-mermaid-0 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .labelText,#remark-mermaid-0 .labelText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopText,#remark-mermaid-0 .loopText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-0 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-0 .noteText,#remark-mermaid-0 .noteText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .actorPopupMenu{position:absolute;}#remark-mermaid-0 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-0 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .actor-man circle,#remark-mermaid-0 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="75" y1="5" x1="75" id="actor0"></line><g id="root-0"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="305" y1="5" x1="305" id="actor1"></line><g id="root-1"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="230"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="305"><tspan dy="0" x="305">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="475" x2="515" y1="5" x1="515" id="actor2"></line><g id="root-2"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="440"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="515"><tspan dy="0" x="515">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><rect class="note" ry="0" rx="0" height="84" width="150" stroke="#666" fill="#EDF2AE" y="259" x="540"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="264" x="615"><tspan x="615">Bob thinks a long</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="280" x="615"><tspan x="615">long time, so long</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="296" x="615"><tspan x="615">that the text does</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="312" x="615"><tspan x="615">not fit on a row.</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="190">Hello Bob, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="305" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="126" x="410">How about you John?</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="157" x2="515" y1="157" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="172" x="190">I am good thanks!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#crosshead)" stroke="none" stroke-width="2" class="messageLine1" y2="203" x2="75" y1="203" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="218" x="410">I am good thanks!</text><line style="fill: none;" marker-end="url(#crosshead)" stroke="none" stroke-width="2" class="messageLine0" y2="249" x2="515" y1="249" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="358" x="190">Checking with John...</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="389" x2="75" y1="389" x1="305"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="404" x="295">Yes... John, how are you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="435" x2="515" y1="435" x1="75"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="230"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="305"><tspan dy="0" x="305">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="455" x="440"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="487.5" x="515"><tspan dy="0" x="515">John</tspan></text></g></svg>
+
+## Basic flowchart
+
+<svg viewBox="0 0 495.8031311035156 166.71875" style="max-width: 495.8031311035156px;" aria-labelledby="chart-title-remark-mermaid-1 chart-desc-remark-mermaid-1" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-1"><title id="chart-title-remark-mermaid-1"></title><desc id="chart-desc-remark-mermaid-1"></desc><style>#remark-mermaid-1 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-1 .error-icon{fill:#552222;}#remark-mermaid-1 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-1 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-1 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-1 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-1 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-1 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-1 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-1 .marker.cross{stroke:#333333;}#remark-mermaid-1 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-1 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-1 .cluster-label text{fill:#333;}#remark-mermaid-1 .cluster-label span{color:#333;}#remark-mermaid-1 .label text,#remark-mermaid-1 span{fill:#333;color:#333;}#remark-mermaid-1 .node rect,#remark-mermaid-1 .node circle,#remark-mermaid-1 .node ellipse,#remark-mermaid-1 .node polygon,#remark-mermaid-1 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-1 .node .label{text-align:center;}#remark-mermaid-1 .node.clickable{cursor:pointer;}#remark-mermaid-1 .arrowheadPath{fill:#333333;}#remark-mermaid-1 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-1 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-1 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-1 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-1 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-1 .cluster text{fill:#333;}#remark-mermaid-1 .cluster span{color:#333;}#remark-mermaid-1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-1 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead15)" d="M103.13064864549276,69.5390625L114.28465512124397,64.42578125C125.43866159699517,59.3125,147.7466745484976,49.0859375,171.57906644091545,43.97265625C195.41145833333334,38.859375,220.76822916666666,38.859375,233.44661458333334,38.859375L246.125,38.859375" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead16)" d="M103.13064864549276,108.5390625L114.28465512124397,113.65234375C125.43866159699517,118.765625,147.7466745484976,128.9921875,168.37854560758214,134.10546875C189.01041666666666,139.21875,207.96614583333334,139.21875,217.44401041666666,139.21875L226.921875,139.21875" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M307.84375,38.859375L315.2109375,38.859375C322.578125,38.859375,337.3125,38.859375,352.4771032551395,43.75857395535041C367.641706510279,48.65777291070081,383.23653802055804,58.45617082140163,391.0339537756976,63.355369776752035L398.8313695308371,68.25456873210244" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead18)" d="M327.046875,139.21875L331.2135416666667,139.21875C335.3802083333333,139.21875,343.7135416666667,139.21875,355.6776239319045,134.48621780906112C367.6417061971424,129.75368561812226,383.2365373942848,120.28862123624448,391.03395299285603,115.55608904530561L398.83136859142724,110.82355685436673" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead18"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="translate(170.0546875,38.859375)" class="edgeLabel"><g class="label" transform="translate(-31.8671875,-9.5)"><rect height="19" width="63.734375" ry="0" rx="0"></rect><foreignObject height="19" width="63.734375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B">Link text</span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(60.59375,89.0390625)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="105.1875" y="-19.5" x="-52.59375" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-42.59375,-9.5)"><foreignObject height="19" width="85.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Square Rect</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(276.984375,38.859375)" id="flowchart-B-17" class="node default"><circle class="label-container" r="30.859375" y="-19.5" x="-30.859375"></circle><g transform="translate(0,0)" class="label"><g transform="translate(-20.859375,-9.5)"><foreignObject height="19" width="41.71875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Circle</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(276.984375,139.21875)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="100.125" y="-19.5" x="-50.0625" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-40.0625,-9.5)"><foreignObject height="19" width="80.125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Round Rect</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(432.42499923706055,89.0390625)" id="flowchart-D-21" class="node default"><polygon class="label-container" transform="translate(-55.378125000000004,55.378125000000004)" points="55.378125000000004,0 110.75625000000001,-55.378125000000004 55.378125000000004,-110.75625000000001 0,-55.378125000000004"></polygon><g transform="translate(0,0)" class="label"><g transform="translate(-32.03125,-9.5)"><foreignObject height="19" width="64.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Rhombus</div></foreignObject></g></g></g></g></g></g></svg>
+
+## Loops, alt and opt
+
+<svg aria-labelledby="chart-title-remark-mermaid-2 chart-desc-remark-mermaid-2" role="img" viewBox="-50 -10 481 565" style="max-width: 481px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-2"><title id="chart-title-remark-mermaid-2"></title><desc id="chart-desc-remark-mermaid-2"></desc><style>#remark-mermaid-2 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-2 .error-icon{fill:#552222;}#remark-mermaid-2 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-2 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-2 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-2 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-2 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-2 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-2 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-2 .marker.cross{stroke:#333333;}#remark-mermaid-2 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-2 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 text.actor&gt;tspan{fill:black;stroke:none;}#remark-mermaid-2 .actor-line{stroke:grey;}#remark-mermaid-2 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-2 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-2 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-2 .sequenceNumber{fill:white;}#remark-mermaid-2 #sequencenumber{fill:#333;}#remark-mermaid-2 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-2 .messageText{fill:#333;stroke:none;}#remark-mermaid-2 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 .labelText,#remark-mermaid-2 .labelText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-2 .loopText,#remark-mermaid-2 .loopText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-2 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-2 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-2 .noteText,#remark-mermaid-2 .noteText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-2 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-2 .actorPopupMenu{position:absolute;}#remark-mermaid-2 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-2 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-2 .actor-man circle,#remark-mermaid-2 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-2 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="75" y1="5" x1="75" id="actor3"></line><g id="root-3"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="306" y1="5" x1="306" id="actor4"></line><g id="root-4"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="231"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="306"><tspan dy="0" x="306">Bob</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="166" x2="316" y1="166" x1="65"></line><line class="loopLine" y2="348" x2="316" y1="166" x1="316"></line><line class="loopLine" y2="348" x2="316" y1="348" x1="65"></line><line class="loopLine" y2="348" x2="65" y1="166" x1="65"></line><line style="stroke-dasharray: 3, 3;" class="loopLine" y2="262" x2="316" y1="262" x1="65"></line><polygon class="labelBox" points="65,166 115,166 115,179 106.6,186 65,186"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="179" x="90">alt</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="184" x="215.5"><tspan x="215.5">[is sick]</tspan></text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="280" x="190.5">[is well]</text></g><g><line class="loopLine" y2="358" x2="316" y1="358" x1="65"></line><line class="loopLine" y2="449" x2="316" y1="358" x1="316"></line><line class="loopLine" y2="449" x2="316" y1="449" x1="65"></line><line class="loopLine" y2="449" x2="65" y1="358" x1="65"></line><polygon class="labelBox" points="65,358 115,358 115,371 106.6,378 65,378"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="371" x="90">opt</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="376" x="215.5"><tspan x="215.5">[Extra response]</tspan></text></g><g><line class="loopLine" y2="75" x2="326" y1="75" x1="55"></line><line class="loopLine" y2="459" x2="326" y1="75" x1="326"></line><line class="loopLine" y2="459" x2="326" y1="459" x1="55"></line><line class="loopLine" y2="459" x2="55" y1="75" x1="55"></line><polygon class="labelBox" points="55,75 105,75 105,88 96.6,95 55,95"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="88" x="80">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="93" x="215.5"><tspan x="215.5">[Daily query]</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="125" x="191">Hello Bob, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="156" x2="306" y1="156" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="216" x="191">Not so good :(</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="247" x2="75" y1="247" x1="306"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="307" x="191">Feeling fresh like a daisy</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="338" x2="75" y1="338" x1="306"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="408" x="191">Thanks for asking</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="439" x2="75" y1="439" x1="306"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="479" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="511.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="479" x="231"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="511.5" x="306"><tspan dy="0" x="306">Bob</tspan></text></g></svg>
+
+## Message to self in loop
+
+<svg aria-labelledby="chart-title-remark-mermaid-3 chart-desc-remark-mermaid-3" role="img" viewBox="-50 -10 750 576" style="max-width: 750px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-3"><title id="chart-title-remark-mermaid-3"></title><desc id="chart-desc-remark-mermaid-3"></desc><style>#remark-mermaid-3 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-3 .error-icon{fill:#552222;}#remark-mermaid-3 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-3 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-3 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-3 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-3 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-3 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-3 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-3 .marker.cross{stroke:#333333;}#remark-mermaid-3 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-3 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 text.actor&gt;tspan{fill:black;stroke:none;}#remark-mermaid-3 .actor-line{stroke:grey;}#remark-mermaid-3 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-3 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-3 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-3 .sequenceNumber{fill:white;}#remark-mermaid-3 #sequencenumber{fill:#333;}#remark-mermaid-3 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-3 .messageText{fill:#333;stroke:none;}#remark-mermaid-3 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 .labelText,#remark-mermaid-3 .labelText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-3 .loopText,#remark-mermaid-3 .loopText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-3 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-3 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-3 .noteText,#remark-mermaid-3 .noteText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-3 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-3 .actorPopupMenu{position:absolute;}#remark-mermaid-3 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-3 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-3 .actor-man circle,#remark-mermaid-3 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-3 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="75" y1="5" x1="75" id="actor5"></line><g id="root-5"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="275" y1="5" x1="275" id="actor6"></line><g id="root-6"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="475" y1="5" x1="475" id="actor7"></line><g id="root-7"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="121" x2="573" y1="121" x1="377"></line><line class="loopLine" y2="272" x2="573" y1="121" x1="573"></line><line class="loopLine" y2="272" x2="573" y1="272" x1="377"></line><line class="loopLine" y2="272" x2="377" y1="121" x1="377"></line><polygon class="labelBox" points="377,121 427,121 427,134 418.6,141 377,141"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="134" x="402">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="139" x="500"><tspan x="500">[Healthcheck]</tspan></text></g><g><rect class="note" ry="0" rx="0" height="52" width="150" stroke="#666" fill="#EDF2AE" y="282" x="500"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="287" x="575"><tspan x="575">Rational thoughts</tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="303" x="575"><tspan x="575">prevail...</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="275">Hello John, how are you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="475" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="171" x="475">Fight against hypochondria</text><path style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" d="M 475,202 C 535,192 535,232 475,222"></path><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="349" x="275">Great!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="378" x2="75" y1="378" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="393" x="375">How about you?</text><line style="fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine0" y2="424" x2="275" y1="424" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="439" x="375">Jolly good!</text><line style="stroke-dasharray: 3, 3; fill: none;" marker-end="url(#arrowhead)" stroke="none" stroke-width="2" class="messageLine1" y2="470" x2="475" y1="470" x1="275"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></svg>
diff --git a/test/test.ts-snapshots/multiple-node.html b/test/test.ts-snapshots/multiple-node.html
new file mode 100644
index 0000000..8f88bc7
--- /dev/null
+++ b/test/test.ts-snapshots/multiple-node.html
@@ -0,0 +1,322 @@
+<h1>Demos</h1>
+<h2>Basic sequence diagram</h2>
+<p><svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:790px" viewBox="-50 -10 790 541">
+  <defs>
+    <symbol>
+      <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol fill-rule="evenodd" clip-rule="evenodd">
+      <path d="m12.258.001.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045L22 3.5v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004L12 24l-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045L2 20.5v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056L5.641.8l.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004L12 0l.258.001zM3 20.5v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004L12 23l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 20.5v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 18.055l-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054L3 16.373V20.5zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 12.389l-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054L3 10.707v4.139zM3 9.18v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 9.18V5.027l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001L12 7l-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023L8 6.708l-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046L4.2 5.69l-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054L3 5.027V9.18zm8.74-8.179-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021L3 3.5l.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004L12 6l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021L21 3.5l-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004L12 1l-.26.001z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol>
+      <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111a1.3 1.3 0 0 1-1.301-1.301c0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <line x1="75" x2="75" y1="5" y2="475" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <line x1="305" x2="305" y1="5" y2="475" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="230" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="305" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="305" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <line x1="515" x2="515" y1="5" y2="475" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="440" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="515" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="515" fill="#000" stroke="none" dy="0">John</tspan></text>
+  <defs>
+    <marker id="a" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="9" refY="5">
+      <path stroke="#333" d="m0 0 10 5-10 5z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="b" markerHeight="8" markerWidth="15" orient="auto" refX="16" refY="4">
+      <path stroke="#333" stroke-dasharray="0 0" d="M9 2v4l7-2ZM0 1l6 6m0-6L0 7"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="28" markerWidth="20" orient="auto" refX="18" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker fill="#333" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"></circle>
+    </marker>
+  </defs>
+  <rect width="150" height="84" x="540" y="259" fill="#fff5ad" stroke="#aa3" rx="0" ry="0"></rect>
+  <text x="615" y="264" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">Bob thinks a long</tspan></text>
+  <text x="615" y="280" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">long time, so long</tspan></text>
+  <text x="615" y="296" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">that the text does</tspan></text>
+  <text x="615" y="312" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">not fit on a row.</tspan></text>
+  <text x="190" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
+  <line x1="75" x2="305" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="410" y="126" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you John?</text>
+  <line x1="305" x2="515" y1="157" y2="157" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="190" y="172" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
+  <line x1="305" x2="75" y1="203" y2="203" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5" marker-end="url(#b)"></line>
+  <text x="410" y="218" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
+  <line x1="305" x2="515" y1="249" y2="249" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#b)"></line>
+  <text x="190" y="358" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Checking with John...</text>
+  <line x1="305" x2="75" y1="389" y2="389" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5"></line>
+  <text x="295" y="404" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Yes... John, how are you?</text>
+  <line x1="75" x2="515" y1="435" y2="435" fill="none" stroke="#333" stroke-width="1.5"></line>
+  <rect width="150" height="65" y="455" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="487.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <rect width="150" height="65" x="230" y="455" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="305" y="487.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="305" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <rect width="150" height="65" x="440" y="455" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="515" y="487.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="515" fill="#000" stroke="none" dy="0">John</tspan></text>
+</svg>
+</p>
+<h2>Basic flowchart</h2>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:495.8031311035156px" viewBox="0 0 495.803 166.719">
+  <defs>
+    <path id="b" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#a)" d="m103.13 69.54 11.155-5.114c11.154-5.114 33.462-15.34 57.294-20.453 23.832-5.114 49.19-5.114 61.868-5.114h12.678"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#c)" d="m103.13 108.54 11.155 5.112c11.154 5.114 33.462 15.34 54.094 20.453 20.631 5.114 39.587 5.114 49.065 5.114h9.478"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#d)" d="M307.844 38.86h7.367c7.367 0 22.101 0 37.266 4.899s30.76 14.697 38.557 19.596l7.797 4.9"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#e)" d="M327.047 139.219h4.167c4.166 0 12.5 0 24.464-4.733 11.964-4.732 27.559-14.197 35.356-18.93l7.797-4.732"></path>
+    <defs>
+      <marker id="e" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g color="#333" transform="translate(170.055 38.86) translate(-31.867 -9.5)" style="background-color:#e8e8e8;text-align:center">
+    <rect width="63.734" height="19" fill="#e8e8e8" opacity=".5" rx="0" ry="0" style="background-color:#e8e8e8"></rect>
+    <foreignObject width="63.734" height="19">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+          Link text
+        </span>
+      </div>
+    </foreignObject>
+  </g>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(60.594 89.04)">
+    <rect width="105.188" height="39" x="-52.594" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="85.188" height="19" transform="translate(-42.594 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        Square Rect
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(276.984 38.86)">
+    <circle r="30.859" fill="#ececff" stroke="#9370db" stroke-width="1px"></circle>
+    <foreignObject width="41.719" height="19" transform="translate(-20.86 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        Circle
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(276.984 139.219)">
+    <rect width="100.125" height="39" x="-50.063" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="5" ry="5"></rect>
+    <foreignObject width="80.125" height="19" transform="translate(-40.063 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        Round Rect
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(432.425 89.04)">
+    <polygon fill="#ececff" stroke="#9370db" stroke-width="1px" points="55.378125000000004,0 110.75625000000001,-55.378125000000004 55.378125000000004,-110.75625000000001 0,-55.378125000000004" transform="translate(-55.378 55.378)"></polygon>
+    <foreignObject width="64.063" height="19" transform="translate(-32.031 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        Rhombus
+      </div>
+    </foreignObject>
+  </g>
+</svg>
+</p>
+<h2>Loops, alt and opt</h2>
+<p><svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:481px" viewBox="-50 -10 481 565">
+  <defs>
+    <symbol>
+      <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol fill-rule="evenodd" clip-rule="evenodd">
+      <path d="m12.258.001.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045L22 3.5v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004L12 24l-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045L2 20.5v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056L5.641.8l.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004L12 0l.258.001zM3 20.5v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004L12 23l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 20.5v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 18.055l-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054L3 16.373V20.5zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 12.389l-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054L3 10.707v4.139zM3 9.18v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 9.18V5.027l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001L12 7l-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023L8 6.708l-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046L4.2 5.69l-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054L3 5.027V9.18zm8.74-8.179-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021L3 3.5l.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004L12 6l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021L21 3.5l-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004L12 1l-.26.001z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol>
+      <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111a1.3 1.3 0 0 1-1.301-1.301c0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <line x1="75" x2="75" y1="5" y2="499" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <line x1="306" x2="306" y1="5" y2="499" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="231" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="306" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="306" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <defs>
+    <marker id="a" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="9" refY="5">
+      <path stroke="#333" d="m0 0 10 5-10 5z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="8" markerWidth="15" orient="auto" refX="16" refY="4">
+      <path stroke="#333" stroke-dasharray="0 0" d="M9 2v4l7-2ZM0 1l6 6m0-6L0 7"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="28" markerWidth="20" orient="auto" refX="18" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker fill="#333" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"></circle>
+    </marker>
+  </defs>
+  <line x1="65" x2="316" y1="166" y2="166" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="316" x2="316" y1="166" y2="348" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="65" x2="316" y1="348" y2="348" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="65" x2="65" y1="166" y2="348" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="65" x2="316" y1="262" y2="262" fill="#dacef3" stroke="#dacef3" stroke-dasharray="3 3" stroke-width="2px"></line>
+  <polygon fill="#ececff" stroke="#dacef3" points="65,166 115,166 115,179 106.6,186 65,186"></polygon>
+  <text x="90" y="179" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">alt</text>
+  <text x="215.5" y="184" fill="#000" font-weight="400" text-anchor="middle"><tspan x="215.5">[is sick]</tspan></text>
+  <text x="190.5" y="280" fill="#000" font-weight="400" text-anchor="middle">[is well]</text>
+  <line x1="65" x2="316" y1="358" y2="358" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="316" x2="316" y1="358" y2="449" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="65" x2="316" y1="449" y2="449" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="65" x2="65" y1="358" y2="449" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <polygon fill="#ececff" stroke="#dacef3" points="65,358 115,358 115,371 106.6,378 65,378"></polygon>
+  <text x="90" y="371" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">opt</text>
+  <text x="215.5" y="376" fill="#000" font-weight="400" text-anchor="middle"><tspan x="215.5">[Extra response]</tspan></text>
+  <line x1="55" x2="326" y1="75" y2="75" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="326" x2="326" y1="75" y2="459" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="55" x2="326" y1="459" y2="459" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="55" x2="55" y1="75" y2="459" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <polygon fill="#ececff" stroke="#dacef3" points="55,75 105,75 105,88 96.6,95 55,95"></polygon>
+  <text x="80" y="88" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">loop</text>
+  <text x="215.5" y="93" fill="#000" font-weight="400" text-anchor="middle"><tspan x="215.5">[Daily query]</tspan></text>
+  <text x="191" y="125" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
+  <line x1="75" x2="306" y1="156" y2="156" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="191" y="216" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Not so good :(</text>
+  <line x1="306" x2="75" y1="247" y2="247" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="191" y="307" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Feeling fresh like a daisy</text>
+  <line x1="306" x2="75" y1="338" y2="338" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="191" y="408" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Thanks for asking</text>
+  <line x1="306" x2="75" y1="439" y2="439" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <rect width="150" height="65" y="479" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="511.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <rect width="150" height="65" x="231" y="479" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="306" y="511.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="306" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+</svg>
+</p>
+<h2>Message to self in loop</h2>
+<p><svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
+  <defs>
+    <symbol>
+      <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol fill-rule="evenodd" clip-rule="evenodd">
+      <path d="m12.258.001.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045L22 3.5v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004L12 24l-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045L2 20.5v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056L5.641.8l.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004L12 0l.258.001zM3 20.5v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004L12 23l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 20.5v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 18.055l-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054L3 16.373V20.5zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 12.389l-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054L3 10.707v4.139zM3 9.18v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 9.18V5.027l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001L12 7l-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023L8 6.708l-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046L4.2 5.69l-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054L3 5.027V9.18zm8.74-8.179-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021L3 3.5l.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004L12 6l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021L21 3.5l-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004L12 1l-.26.001z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol>
+      <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111a1.3 1.3 0 0 1-1.301-1.301c0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <line x1="75" x2="75" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <line x1="275" x2="275" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="200" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="275" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="275" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <line x1="475" x2="475" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="400" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="475" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="475" fill="#000" stroke="none" dy="0">John</tspan></text>
+  <defs>
+    <marker id="a" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="9" refY="5">
+      <path stroke="#333" d="m0 0 10 5-10 5z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="8" markerWidth="15" orient="auto" refX="16" refY="4">
+      <path stroke="#333" stroke-dasharray="0 0" d="M9 2v4l7-2ZM0 1l6 6m0-6L0 7"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="28" markerWidth="20" orient="auto" refX="18" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker fill="#333" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"></circle>
+    </marker>
+  </defs>
+  <line x1="377" x2="573" y1="121" y2="121" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="573" x2="573" y1="121" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="377" x2="573" y1="272" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="377" x2="377" y1="121" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <polygon fill="#ececff" stroke="#dacef3" points="377,121 427,121 427,134 418.6,141 377,141"></polygon>
+  <text x="402" y="134" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">loop</text>
+  <text x="500" y="139" fill="#000" font-weight="400" text-anchor="middle"><tspan x="500">[Healthcheck]</tspan></text>
+  <rect width="150" height="52" x="500" y="282" fill="#fff5ad" stroke="#aa3" rx="0" ry="0"></rect>
+  <text x="575" y="287" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">Rational thoughts</tspan></text>
+  <text x="575" y="303" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">prevail...</tspan></text>
+  <text x="275" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
+  <line x1="75" x2="475" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="475" y="171" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
+  <path fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)" d="M475 202c60-10 60 30 0 20"></path>
+  <text x="275" y="349" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
+  <line x1="475" x2="75" y1="378" y2="378" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="375" y="393" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
+  <line x1="475" x2="275" y1="424" y2="424" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"></line>
+  <text x="375" y="439" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
+  <line x1="275" x2="475" y1="470" y2="470" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5" marker-end="url(#a)"></line>
+  <rect width="150" height="65" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <rect width="150" height="65" x="200" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="275" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="275" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <rect width="150" height="65" x="400" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="475" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="475" fill="#000" stroke="none" dy="0">John</tspan></text>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/multiple/output.md b/test/test.ts-snapshots/multiple-node.md
similarity index 94%
rename from __fixtures__/multiple/output.md
rename to test/test.ts-snapshots/multiple-node.md
index cdbc296..cdee372 100644
--- a/__fixtures__/multiple/output.md
+++ b/test/test.ts-snapshots/multiple-node.md
@@ -2,7 +2,7 @@
 
 ## Basic sequence diagram
 
-<svg height="541" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:790px" viewBox="-50 -10 790 541">
+<svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:790px" viewBox="-50 -10 790 541">
   <defs>
     <symbol>
       <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"/>
@@ -52,17 +52,17 @@
   <text x="615" y="280" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">long time, so long</tspan></text>
   <text x="615" y="296" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">that the text does</tspan></text>
   <text x="615" y="312" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="615">not fit on a row.</tspan></text>
-  <text x="190" y="80" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
+  <text x="190" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
   <line x1="75" x2="305" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="410" y="126" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you John?</text>
+  <text x="410" y="126" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you John?</text>
   <line x1="305" x2="515" y1="157" y2="157" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="190" y="172" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
+  <text x="190" y="172" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
   <line x1="305" x2="75" y1="203" y2="203" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5" marker-end="url(#b)"/>
-  <text x="410" y="218" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
+  <text x="410" y="218" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">I am good thanks!</text>
   <line x1="305" x2="515" y1="249" y2="249" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#b)"/>
-  <text x="190" y="358" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Checking with John...</text>
+  <text x="190" y="358" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Checking with John...</text>
   <line x1="305" x2="75" y1="389" y2="389" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5"/>
-  <text x="295" y="404" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Yes... John, how are you?</text>
+  <text x="295" y="404" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Yes... John, how are you?</text>
   <line x1="75" x2="515" y1="435" y2="435" fill="none" stroke="#333" stroke-width="1.5"/>
   <rect width="150" height="65" y="455" fill="#ececff" stroke="#dacef3" rx="3" ry="3"/>
   <text x="75" y="487.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
@@ -75,7 +75,7 @@
 
 ## Basic flowchart
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="166.719" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:495.8031234741211px" viewBox="0 0 495.803 166.719">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:495.8031311035156px" viewBox="0 0 495.803 166.719">
   <defs>
     <path id="b" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
@@ -173,7 +173,7 @@
 
 ## Loops, alt and opt
 
-<svg height="565" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:481px" viewBox="-50 -10 481 565">
+<svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:481px" viewBox="-50 -10 481 565">
   <defs>
     <symbol>
       <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"/>
@@ -238,13 +238,13 @@
   <polygon fill="#ececff" stroke="#dacef3" points="55,75 105,75 105,88 96.6,95 55,95"/>
   <text x="80" y="88" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">loop</text>
   <text x="215.5" y="93" fill="#000" font-weight="400" text-anchor="middle"><tspan x="215.5">[Daily query]</tspan></text>
-  <text x="191" y="125" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
+  <text x="191" y="125" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello Bob, how are you?</text>
   <line x1="75" x2="306" y1="156" y2="156" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="191" y="216" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Not so good :(</text>
+  <text x="191" y="216" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Not so good :(</text>
   <line x1="306" x2="75" y1="247" y2="247" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="191" y="307" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Feeling fresh like a daisy</text>
+  <text x="191" y="307" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Feeling fresh like a daisy</text>
   <line x1="306" x2="75" y1="338" y2="338" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="191" y="408" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Thanks for asking</text>
+  <text x="191" y="408" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Thanks for asking</text>
   <line x1="306" x2="75" y1="439" y2="439" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
   <rect width="150" height="65" y="479" fill="#ececff" stroke="#dacef3" rx="3" ry="3"/>
   <text x="75" y="511.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
@@ -255,7 +255,7 @@
 
 ## Message to self in loop
 
-<svg height="576" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
+<svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
   <defs>
     <symbol>
       <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"/>
@@ -310,15 +310,15 @@
   <rect width="150" height="52" x="500" y="282" fill="#fff5ad" stroke="#aa3" rx="0" ry="0"/>
   <text x="575" y="287" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">Rational thoughts</tspan></text>
   <text x="575" y="303" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">prevail...</tspan></text>
-  <text x="275" y="80" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
+  <text x="275" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
   <line x1="75" x2="475" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="475" y="171" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
+  <text x="475" y="171" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
   <path fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)" d="M475 202c60-10 60 30 0 20"/>
-  <text x="275" y="349" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
+  <text x="275" y="349" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
   <line x1="475" x2="75" y1="378" y2="378" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="375" y="393" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
+  <text x="375" y="393" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
   <line x1="475" x2="275" y1="424" y2="424" fill="none" stroke="#333" stroke-width="1.5" marker-end="url(#a)"/>
-  <text x="375" y="439" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
+  <text x="375" y="439" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
   <line x1="275" x2="475" y1="470" y2="470" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5" marker-end="url(#a)"/>
   <rect width="150" height="65" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"/>
   <text x="75" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
diff --git a/test/test.ts-snapshots/neutral-browser.html b/test/test.ts-snapshots/neutral-browser.html
new file mode 100644
index 0000000..eb60148
--- /dev/null
+++ b/test/test.ts-snapshots/neutral-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a flowchart</h1>
+<p><svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead31)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead31"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead32)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead32"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead33)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead34)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-41" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-45" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/neutral-browser.md b/test/test.ts-snapshots/neutral-browser.md
new file mode 100644
index 0000000..b39a06a
--- /dev/null
+++ b/test/test.ts-snapshots/neutral-browser.md
@@ -0,0 +1,3 @@
+# An example of a flowchart
+
+<svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead14)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead14"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead15)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead16)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-17" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-21" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg>
diff --git a/test/test.ts-snapshots/neutral-node.html b/test/test.ts-snapshots/neutral-node.html
new file mode 100644
index 0000000..bd3a454
--- /dev/null
+++ b/test/test.ts-snapshots/neutral-node.html
@@ -0,0 +1,91 @@
+<h1>An example of a flowchart</h1>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+  <defs>
+    <path id="b" fill="#333" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#666" stroke-width="2px" marker-end="url(#a)" d="m47.473 44.015-4.157 4.664c-4.157 4.664-12.47 13.993-16.628 22.823-4.157 8.831-4.157 17.165-4.157 21.331V97"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#666" stroke-width="2px" marker-end="url(#c)" d="m76.91 44.015 4.157 4.664c4.157 4.664 12.47 13.993 16.628 22.823 4.157 8.831 4.157 17.165 4.157 21.331V97"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#666" stroke-width="2px" marker-end="url(#d)" d="M22.531 136v4.167c0 4.166 0 12.5 4.126 21.295 4.126 8.796 12.377 18.054 16.503 22.684l4.125 4.629"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#666" stroke-width="2px" marker-end="url(#e)" d="M101.852 136v4.167c0 4.166 0 12.5-4.126 21.295-4.126 8.796-12.377 18.054-16.503 22.684l-4.125 4.629"></path>
+    <defs>
+      <marker id="e" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#fff;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#fff;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#fff;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#fff;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#fff;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#fff;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#000" style="background-color:#fff;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#000" color="#000" style="background-color:#fff;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(62.191 27.5)">
+    <rect width="29.438" height="39" x="-14.719" y="-19.5" fill="#eee" stroke="#999" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.438" height="19" transform="translate(-4.719 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        A
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(22.531 116.5)">
+    <rect width="29.063" height="39" x="-14.531" y="-19.5" fill="#eee" stroke="#999" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.063" height="19" transform="translate(-4.531 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        B
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(101.852 116.5)">
+    <rect width="29.578" height="39" x="-14.789" y="-19.5" fill="#eee" stroke="#999" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.578" height="19" transform="translate(-4.79 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        C
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(62.191 205.5)">
+    <rect width="29.813" height="39" x="-14.906" y="-19.5" fill="#eee" stroke="#999" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.813" height="19" transform="translate(-4.906 -9.5)" color="#000" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        D
+      </div>
+    </foreignObject>
+  </g>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/neutral/output.md b/test/test.ts-snapshots/neutral-node.md
similarity index 95%
rename from __fixtures__/neutral/output.md
rename to test/test.ts-snapshots/neutral-node.md
index 4182eb7..6436d2f 100644
--- a/__fixtures__/neutral/output.md
+++ b/test/test.ts-snapshots/neutral-node.md
@@ -1,6 +1,6 @@
 # An example of a flowchart
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" fill="#333" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>
diff --git a/test/test.ts-snapshots/no-mermaid-browser.html b/test/test.ts-snapshots/no-mermaid-browser.html
new file mode 100644
index 0000000..893842f
--- /dev/null
+++ b/test/test.ts-snapshots/no-mermaid-browser.html
@@ -0,0 +1,3 @@
+<h1>No medmaid</h1>
+<pre><code class="language-js">console.log('This is a JavaScript code block');
+</code></pre>
\ No newline at end of file
diff --git a/__fixtures__/no-mermaid/output.md b/test/test.ts-snapshots/no-mermaid-browser.md
similarity index 100%
rename from __fixtures__/no-mermaid/output.md
rename to test/test.ts-snapshots/no-mermaid-browser.md
diff --git a/test/test.ts-snapshots/no-mermaid-node.html b/test/test.ts-snapshots/no-mermaid-node.html
new file mode 100644
index 0000000..893842f
--- /dev/null
+++ b/test/test.ts-snapshots/no-mermaid-node.html
@@ -0,0 +1,3 @@
+<h1>No medmaid</h1>
+<pre><code class="language-js">console.log('This is a JavaScript code block');
+</code></pre>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/no-mermaid-node.md b/test/test.ts-snapshots/no-mermaid-node.md
new file mode 100644
index 0000000..fca3f7f
--- /dev/null
+++ b/test/test.ts-snapshots/no-mermaid-node.md
@@ -0,0 +1,5 @@
+# No medmaid
+
+```js
+console.log('This is a JavaScript code block');
+```
diff --git a/test/test.ts-snapshots/sequence-browser.html b/test/test.ts-snapshots/sequence-browser.html
new file mode 100644
index 0000000..315ea12
--- /dev/null
+++ b/test/test.ts-snapshots/sequence-browser.html
@@ -0,0 +1,2 @@
+<h1>An example of a sequence diagram</h1>
+<p><svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" viewBox="-50 -10 750 576" style="max-width: 750px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 text.actor>tspan{fill:black;stroke:none;}#remark-mermaid-0 .actor-line{stroke:grey;}#remark-mermaid-0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-0 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-0 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-0 .sequenceNumber{fill:white;}#remark-mermaid-0 #sequencenumber{fill:#333;}#remark-mermaid-0 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-0 .messageText{fill:#333;stroke:none;}#remark-mermaid-0 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .labelText,#remark-mermaid-0 .labelText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopText,#remark-mermaid-0 .loopText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-0 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-0 .noteText,#remark-mermaid-0 .noteText>tspan{fill:black;stroke:none;}#remark-mermaid-0 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .actorPopupMenu{position:absolute;}#remark-mermaid-0 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-0 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .actor-man circle,#remark-mermaid-0 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="75" y1="5" x1="75" id="actor3"></line><g id="root-3"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="275" y1="5" x1="275" id="actor4"></line><g id="root-4"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="475" y1="5" x1="475" id="actor5"></line><g id="root-5"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="121" x2="573" y1="121" x1="377"></line><line class="loopLine" y2="272" x2="573" y1="121" x1="573"></line><line class="loopLine" y2="272" x2="573" y1="272" x1="377"></line><line class="loopLine" y2="272" x2="377" y1="121" x1="377"></line><polygon class="labelBox" points="377,121 427,121 427,134 418.6,141 377,141"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="134" x="402">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="139" x="500"><tspan x="500">[Healthcheck]</tspan></text></g><g><rect class="note" ry="0" rx="0" height="52" width="150" stroke="#666" fill="#EDF2AE" y="282" x="500"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="287" x="575"><tspan x="575">Rational thoughts </tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="303" x="575"><tspan x="575">prevail...</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="275">Hello John, how are you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="475" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="171" x="475">Fight against hypochondria</text><path style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" d="M 475,202 C 535,192 535,232 475,222"></path><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="349" x="275">Great!</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="378" x2="75" y1="378" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="393" x="375">How about you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="424" x2="275" y1="424" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="439" x="375">Jolly good!</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="470" x2="475" y1="470" x1="275"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></svg></p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/sequence-browser.md b/test/test.ts-snapshots/sequence-browser.md
new file mode 100644
index 0000000..3fb5e34
--- /dev/null
+++ b/test/test.ts-snapshots/sequence-browser.md
@@ -0,0 +1,3 @@
+# An example of a sequence diagram
+
+<svg aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" viewBox="-50 -10 750 576" style="max-width: 750px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 text.actor&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .actor-line{stroke:grey;}#remark-mermaid-0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#remark-mermaid-0 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#remark-mermaid-0 #arrowhead path{fill:#333;stroke:#333;}#remark-mermaid-0 .sequenceNumber{fill:white;}#remark-mermaid-0 #sequencenumber{fill:#333;}#remark-mermaid-0 #crosshead path{fill:#333;stroke:#333;}#remark-mermaid-0 .messageText{fill:#333;stroke:none;}#remark-mermaid-0 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .labelText,#remark-mermaid-0 .labelText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopText,#remark-mermaid-0 .loopText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#remark-mermaid-0 .note{stroke:#aaaa33;fill:#fff5ad;}#remark-mermaid-0 .noteText,#remark-mermaid-0 .noteText&gt;tspan{fill:black;stroke:none;}#remark-mermaid-0 .activation0{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation1{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .activation2{fill:#f4f4f4;stroke:#666;}#remark-mermaid-0 .actorPopupMenu{position:absolute;}#remark-mermaid-0 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#remark-mermaid-0 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#remark-mermaid-0 .actor-man circle,#remark-mermaid-0 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z" transform="scale(.5)"></path></symbol></defs><defs><symbol clip-rule="evenodd" fill-rule="evenodd" id="database"><path d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z" transform="scale(.5)"></path></symbol></defs><defs><symbol height="24" width="24" id="clock"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path></symbol></defs><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="75" y1="5" x1="75" id="actor0"></line><g id="root-0"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="275" y1="5" x1="275" id="actor1"></line><g id="root-1"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="510" x2="475" y1="5" x1="475" id="actor2"></line><g id="root-2"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></g><defs><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" id="arrowhead"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker refY="4" refX="16" orient="auto" markerHeight="8" markerWidth="15" id="crosshead"><path style="stroke-dasharray: 0, 0;" d="M 9,2 V 6 L16,4 Z" stroke-width="1px" stroke="#000000" fill="black"></path><path style="stroke-dasharray: 0, 0;" d="M 0,1 L 6,7 M 6,1 L 0,7" stroke-width="1px" stroke="#000000" fill="none"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="18" id="filled-head"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="40" markerWidth="60" refY="15" refX="15" id="sequencenumber"><circle r="6" cy="15" cx="15"></circle></marker></defs><g><line class="loopLine" y2="121" x2="573" y1="121" x1="377"></line><line class="loopLine" y2="272" x2="573" y1="121" x1="573"></line><line class="loopLine" y2="272" x2="573" y1="272" x1="377"></line><line class="loopLine" y2="272" x2="377" y1="121" x1="377"></line><polygon class="labelBox" points="377,121 427,121 427,134 418.6,141 377,141"></polygon><text style="font-size: 16px; font-weight: 400;" class="labelText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="134" x="402">loop</text><text style="font-size: 16px; font-weight: 400;" class="loopText" text-anchor="middle" y="139" x="500"><tspan x="500">[Healthcheck]</tspan></text></g><g><rect class="note" ry="0" rx="0" height="52" width="150" stroke="#666" fill="#EDF2AE" y="282" x="500"></rect><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="287" x="575"><tspan x="575">Rational thoughts </tspan></text><text style="font-size: 14px; font-weight: 400;" dy="1em" class="noteText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="303" x="575"><tspan x="575">prevail...</tspan></text></g><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="80" x="275">Hello John, how are you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="111" x2="475" y1="111" x1="75"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="171" x="475">Fight against hypochondria</text><path style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" d="M 475,202 C 535,192 535,232 475,222"></path><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="349" x="275">Great!</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="378" x2="75" y1="378" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="393" x="375">How about you?</text><line style="fill: none;" stroke="none" stroke-width="2" class="messageLine0" y2="424" x2="275" y1="424" x1="475"></line><text style="font-size: 16px; font-weight: 400;" dy="1em" class="messageText" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle" y="439" x="375">Jolly good!</text><line style="stroke-dasharray: 3, 3; fill: none;" stroke="none" stroke-width="2" class="messageLine1" y2="470" x2="475" y1="470" x1="275"></line><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="0"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="200"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="275"><tspan dy="0" x="275">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="490" x="400"></rect><text style="text-anchor: middle; font-size: 14px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="522.5" x="475"><tspan dy="0" x="475">John</tspan></text></g></svg>
diff --git a/test/test.ts-snapshots/sequence-node.html b/test/test.ts-snapshots/sequence-node.html
new file mode 100644
index 0000000..306fd3c
--- /dev/null
+++ b/test/test.ts-snapshots/sequence-node.html
@@ -0,0 +1,74 @@
+<h1>An example of a sequence diagram</h1>
+<p><svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
+  <defs>
+    <symbol>
+      <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol fill-rule="evenodd" clip-rule="evenodd">
+      <path d="m12.258.001.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045L22 3.5v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004L12 24l-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045L2 20.5v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056L5.641.8l.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004L12 0l.258.001zM3 20.5v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004L12 23l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 20.5v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 18.055l-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054L3 16.373V20.5zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023L8 12.389l-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054L3 10.707v4.139zM3 9.18v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021L21 9.18V5.027l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001L12 7l-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023L8 6.708l-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046L4.2 5.69l-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054L3 5.027V9.18zm8.74-8.179-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021L3 3.5l.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004L12 6l.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021L21 3.5l-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004L12 1l-.26.001z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol>
+      <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111a1.3 1.3 0 0 1-1.301-1.301c0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z" transform="scale(.5)"></path>
+    </symbol>
+  </defs>
+  <line x1="75" x2="75" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <line x1="275" x2="275" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="200" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="275" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="275" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <line x1="475" x2="475" y1="5" y2="510" fill="#ececff" stroke="#dacef3" stroke-width="2px"></line>
+  <rect width="150" height="65" x="400" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="475" y="32.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="475" fill="#000" stroke="none" dy="0">John</tspan></text>
+  <defs>
+    <marker markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="9" refY="5">
+      <path stroke="#333" d="m0 0 10 5-10 5z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="8" markerWidth="15" orient="auto" refX="16" refY="4">
+      <path stroke="#333" stroke-dasharray="0 0" d="M9 2v4l7-2ZM0 1l6 6m0-6L0 7"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker markerHeight="28" markerWidth="20" orient="auto" refX="18" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"></path>
+    </marker>
+  </defs>
+  <defs>
+    <marker fill="#333" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"></circle>
+    </marker>
+  </defs>
+  <line x1="377" x2="573" y1="121" y2="121" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="573" x2="573" y1="121" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="377" x2="573" y1="272" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <line x1="377" x2="377" y1="121" y2="272" fill="#dacef3" stroke="#dacef3" stroke-dasharray="2 2" stroke-width="2px"></line>
+  <polygon fill="#ececff" stroke="#dacef3" points="377,121 427,121 427,134 418.6,141 377,141"></polygon>
+  <text x="402" y="134" fill="#000" alignment-baseline="middle" dominant-baseline="middle" font-weight="400" text-anchor="middle">loop</text>
+  <text x="500" y="139" fill="#000" font-weight="400" text-anchor="middle"><tspan x="500">[Healthcheck]</tspan></text>
+  <rect width="150" height="52" x="500" y="282" fill="#fff5ad" stroke="#aa3" rx="0" ry="0"></rect>
+  <text x="575" y="287" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">Rational thoughts </tspan></text>
+  <text x="575" y="303" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">prevail...</tspan></text>
+  <text x="275" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
+  <line x1="75" x2="475" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5"></line>
+  <text x="475" y="171" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
+  <path fill="none" stroke="#333" stroke-width="1.5" d="M475 202c60-10 60 30 0 20"></path>
+  <text x="275" y="349" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
+  <line x1="475" x2="75" y1="378" y2="378" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5"></line>
+  <text x="375" y="393" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
+  <line x1="475" x2="275" y1="424" y2="424" fill="none" stroke="#333" stroke-width="1.5"></line>
+  <text x="375" y="439" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
+  <line x1="275" x2="475" y1="470" y2="470" fill="none" stroke="#333" stroke-dasharray="3 3" stroke-width="1.5"></line>
+  <rect width="150" height="65" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="75" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
+  <rect width="150" height="65" x="200" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="275" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="275" fill="#000" stroke="none" dy="0">Bob</tspan></text>
+  <rect width="150" height="65" x="400" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"></rect>
+  <text x="475" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="475" fill="#000" stroke="none" dy="0">John</tspan></text>
+</svg>
+</p>
\ No newline at end of file
diff --git a/__fixtures__/sequence/output.md b/test/test.ts-snapshots/sequence-node.md
similarity index 94%
rename from __fixtures__/sequence/output.md
rename to test/test.ts-snapshots/sequence-node.md
index 2c98d0a..b89256d 100644
--- a/__fixtures__/sequence/output.md
+++ b/test/test.ts-snapshots/sequence-node.md
@@ -1,6 +1,6 @@
 # An example of a sequence diagram
 
-<svg height="576" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
+<svg fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:750px" viewBox="-50 -10 750 576">
   <defs>
     <symbol>
       <path d="M2 2v13h20V2H2zm18 11H4V4h16v9zM9.772 19l.466-1h3.524l.467 1H9.772zM24 22H0l2-6h2.104l-1.33 4h18.45l-1.297-4H22l2 6zm-5-10H5V5h14v7z" transform="scale(.5)"/>
@@ -55,15 +55,15 @@
   <rect width="150" height="52" x="500" y="282" fill="#fff5ad" stroke="#aa3" rx="0" ry="0"/>
   <text x="575" y="287" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">Rational thoughts </tspan></text>
   <text x="575" y="303" fill="#000" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="575">prevail...</tspan></text>
-  <text x="275" y="80" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
+  <text x="275" y="80" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Hello John, how are you?</text>
   <line x1="75" x2="475" y1="111" y2="111" fill="none" stroke="#333" stroke-width="1.5"/>
-  <text x="475" y="171" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
+  <text x="475" y="171" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Fight against hypochondria</text>
   <path fill="none" stroke="#333" stroke-width="1.5" d="M475 202c60-10 60 30 0 20"/>
-  <text x="275" y="349" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
+  <text x="275" y="349" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Great!</text>
   <line x1="475" x2="75" y1="378" y2="378" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5"/>
-  <text x="375" y="393" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
+  <text x="375" y="393" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">How about you?</text>
   <line x1="475" x2="275" y1="424" y2="424" fill="none" stroke="#333" stroke-width="1.5"/>
-  <text x="375" y="439" stroke="#333" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
+  <text x="375" y="439" alignment-baseline="middle" dominant-baseline="middle" dy="1em" font-weight="400" text-anchor="middle">Jolly good!</text>
   <line x1="275" x2="475" y1="470" y2="470" fill="none" stroke="#333" stroke-dasharray="3,3" stroke-width="1.5"/>
   <rect width="150" height="65" y="490" fill="#ececff" stroke="#dacef3" rx="3" ry="3"/>
   <text x="75" y="522.5" fill="#ececff" stroke="#dacef3" alignment-baseline="central" dominant-baseline="central" font-size="14px" font-weight="400" text-anchor="middle"><tspan x="75" fill="#000" stroke="none" dy="0">Alice</tspan></text>
diff --git a/test/test.ts-snapshots/simple-browser.html b/test/test.ts-snapshots/simple-browser.html
new file mode 100644
index 0000000..f57c955
--- /dev/null
+++ b/test/test.ts-snapshots/simple-browser.html
@@ -0,0 +1,4 @@
+<h1>Simple</h1>
+<p>This is a simple mermaid diagram.</p>
+<p><svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead31)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead31"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead32)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead32"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead33)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead33"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead34)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead34"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A&#x27; L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B&#x27; L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C&#x27; L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-40" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-41" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-43" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-45" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg></p>
+<p>It is rendered above.</p>
\ No newline at end of file
diff --git a/test/test.ts-snapshots/simple-browser.md b/test/test.ts-snapshots/simple-browser.md
new file mode 100644
index 0000000..8322b05
--- /dev/null
+++ b/test/test.ts-snapshots/simple-browser.md
@@ -0,0 +1,7 @@
+# Simple
+
+This is a simple mermaid diagram.
+
+<svg viewBox="0 0 124.640625 233" style="max-width: 124.640625px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-A-B" class="edgePath LS-A LE-B"><path style="fill:none" marker-end="url(#arrowhead14)" d="M47.47265625,44.01492169802029L43.315755208333336,48.67910141501691C39.158854166666664,53.34328113201352,30.845052083333332,62.671640566006765,26.688151041666668,71.50248694967006C22.53125,80.33333333333333,22.53125,88.66666666666667,22.53125,92.83333333333333L22.53125,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead14"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-A-C" class="edgePath LS-A LE-C"><path style="fill:none" marker-end="url(#arrowhead15)" d="M76.91015625,44.01492169802029L81.06705729166667,48.67910141501691C85.22395833333333,53.34328113201352,93.53776041666667,62.671640566006765,97.69466145833333,71.50248694967006C101.8515625,80.33333333333333,101.8515625,88.66666666666667,101.8515625,92.83333333333333L101.8515625,97" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead15"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-B-D" class="edgePath LS-B LE-D"><path style="fill:none" marker-end="url(#arrowhead16)" d="M22.53125,136L22.53125,140.16666666666666C22.53125,144.33333333333334,22.53125,152.66666666666666,26.656901041666668,161.46244952230867C30.782552083333332,170.2582323779507,39.033854166666664,179.5164647559014,43.159505208333336,184.14558094487674L47.28515625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-C-D" class="edgePath LS-C LE-D"><path style="fill:none" marker-end="url(#arrowhead17)" d="M101.8515625,136L101.8515625,140.16666666666666C101.8515625,144.33333333333334,101.8515625,152.66666666666666,97.72591145833333,161.46244952230867C93.60026041666667,170.2582323779507,85.34895833333333,179.5164647559014,81.22330729166667,184.14558094487674L77.09765625,188.77469713385207" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-B" id="L-L-A-B"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-A' L-LE-C" id="L-L-A-C"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-B' L-LE-D" id="L-L-B-D"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-C' L-LE-D" id="L-L-C-D"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(62.19140625,27.5)" id="flowchart-A-16" class="node default"><rect class="label-container" height="39" width="29.4375" y="-19.5" x="-14.71875" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.71875,-9.5)"><foreignObject height="19" width="9.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">A</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(22.53125,116.5)" id="flowchart-B-17" class="node default"><rect class="label-container" height="39" width="29.0625" y="-19.5" x="-14.53125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.53125,-9.5)"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">B</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(101.8515625,116.5)" id="flowchart-C-19" class="node default"><rect class="label-container" height="39" width="29.578125" y="-19.5" x="-14.7890625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.7890625,-9.5)"><foreignObject height="19" width="9.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">C</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(62.19140625,205.5)" id="flowchart-D-21" class="node default"><rect class="label-container" height="39" width="29.8125" y="-19.5" x="-14.90625" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-4.90625,-9.5)"><foreignObject height="19" width="9.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">D</div></foreignObject></g></g></g></g></g></g></svg>
+
+It is rendered above.
diff --git a/test/test.ts-snapshots/simple-node.html b/test/test.ts-snapshots/simple-node.html
new file mode 100644
index 0000000..79e35c8
--- /dev/null
+++ b/test/test.ts-snapshots/simple-node.html
@@ -0,0 +1,93 @@
+<h1>Simple</h1>
+<p>This is a simple mermaid diagram.</p>
+<p><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&#x22;trebuchet ms&#x22;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+  <defs>
+    <path id="b" stroke-dasharray="1 0" d="m0 0 10 5-10 5z"></path>
+  </defs>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#a)" d="m47.473 44.015-4.157 4.664c-4.157 4.664-12.47 13.993-16.628 22.823-4.157 8.831-4.157 17.165-4.157 21.331V97"></path>
+    <defs>
+      <marker id="a" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#c)" d="m76.91 44.015 4.157 4.664c4.157 4.664 12.47 13.993 16.628 22.823 4.157 8.831 4.157 17.165 4.157 21.331V97"></path>
+    <defs>
+      <marker id="c" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#d)" d="M22.531 136v4.167c0 4.166 0 12.5 4.126 21.295 4.126 8.796 12.377 18.054 16.503 22.684l4.125 4.629"></path>
+    <defs>
+      <marker id="d" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <g opacity="1">
+    <path fill="none" stroke="#333" stroke-width="2px" marker-end="url(#e)" d="M101.852 136v4.167c0 4.166 0 12.5-4.126 21.295-4.126 8.796-12.377 18.054-16.503 22.684l-4.125 4.629"></path>
+    <defs>
+      <marker id="e" markerHeight="6" markerUnits="strokeWidth" markerWidth="8" orient="auto" refX="9" refY="5" viewBox="0 0 10 10">
+        <use xlink:href="#b" stroke-dasharray="1 0"></use>
+      </marker>
+    </defs>
+  </g>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <foreignObject width="0" height="0" color="#333" style="background-color:#e8e8e8;text-align:center">
+    <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+      <span fill="#333" color="#333" style="background-color:#e8e8e8;text-align:center">
+    </span></div>
+  </foreignObject>
+  <g opacity="1" transform="translate(62.191 27.5)">
+    <rect width="29.438" height="39" x="-14.719" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.438" height="19" transform="translate(-4.719 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        A
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(22.531 116.5)">
+    <rect width="29.063" height="39" x="-14.531" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.063" height="19" transform="translate(-4.531 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        B
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(101.852 116.5)">
+    <rect width="29.578" height="39" x="-14.789" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.578" height="19" transform="translate(-4.79 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        C
+      </div>
+    </foreignObject>
+  </g>
+  <g opacity="1" transform="translate(62.191 205.5)">
+    <rect width="29.813" height="39" x="-14.906" y="-19.5" fill="#ececff" stroke="#9370db" stroke-width="1px" rx="0" ry="0"></rect>
+    <foreignObject width="9.813" height="19" transform="translate(-4.906 -9.5)" color="#333" style="text-align:center">
+      <div xmlns="http://www.w3.org/1999/xhtml" display="inline-block" style="white-space:nowrap">
+        D
+      </div>
+    </foreignObject>
+  </g>
+</svg>
+</p>
+<p>It is rendered above.</p>
\ No newline at end of file
diff --git a/__fixtures__/simple/output.md b/test/test.ts-snapshots/simple-node.md
similarity index 95%
rename from __fixtures__/simple/output.md
rename to test/test.ts-snapshots/simple-node.md
index 56caa02..6f0a088 100644
--- a/__fixtures__/simple/output.md
+++ b/test/test.ts-snapshots/simple-node.md
@@ -2,7 +2,7 @@
 
 This is a simple mermaid diagram.
 
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="233" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="#333" aria-labelledby="chart-title-a chart-desc-a" font-family="&quot;trebuchet ms&quot;,verdana,arial,sans-serif" font-size="16px" style="max-width:124.640625px" viewBox="0 0 124.641 233">
   <defs>
     <path id="b" stroke-dasharray="1,0" d="m0 0 10 5-10 5z"/>
   </defs>

From a252a6afc2c93d9153e8af1e4b0e7e4c4fc6a311 Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Thu, 29 Sep 2022 10:02:13 +0200
Subject: [PATCH 2/5] Use hast-util-from-dom in the browser

---
 browser.ts        |  7 ++++---
 package-lock.json | 14 ++++++++++++++
 package.json      |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/browser.ts b/browser.ts
index 856db9f..b7aadd0 100644
--- a/browser.ts
+++ b/browser.ts
@@ -1,7 +1,6 @@
-import { fromParse5 } from 'hast-util-from-parse5';
+import { fromDom } from 'hast-util-from-dom';
 import { type Code, type Parent, type Root } from 'mdast';
 import mermaid from 'mermaid';
-import { parseFragment } from 'parse5';
 import { type Plugin } from 'unified';
 import { visit } from 'unist-util-visit';
 
@@ -23,12 +22,14 @@ function transformer(ast: Root): void {
     mermaid.render(`remark-mermaid-${index}`, code),
   );
 
+  const wrapper = document.createElement('div');
   for (const [i, [, index, parent]] of instances.entries()) {
     const value = results[i];
+    wrapper.innerHTML = value;
     parent.children.splice(index, 1, {
       type: 'paragraph',
       children: [{ type: 'html', value }],
-      data: { hChildren: [fromParse5(parseFragment(value))] },
+      data: { hChildren: [fromDom(wrapper.firstChild!)] },
     });
   }
 }
diff --git a/package-lock.json b/package-lock.json
index 958d787..1fe4ddd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@types/mdast": "^3.0.0",
         "@types/mermaid": "^9.0.0",
         "@types/svgo": "^2.0.0",
+        "hast-util-from-dom": "^4.0.0",
         "hast-util-from-parse5": "^7.0.0",
         "mermaid": "^9.0.0",
         "parse5": "^7.0.0",
@@ -3595,6 +3596,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hast-util-from-dom": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-4.1.0.tgz",
+      "integrity": "sha512-0EMIYQVIhRfiC1LVdTsvM4yTY0rM/v63wwoYmOYV02mIOASYeQrfQekG4Jhge2kOAMaNFbvppUma47rbeWWE5Q==",
+      "dependencies": {
+        "hastscript": "^7.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-from-parse5": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.0.tgz",
diff --git a/package.json b/package.json
index 654a6fc..7c57797 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "@types/mdast": "^3.0.0",
     "@types/mermaid": "^9.0.0",
     "@types/svgo": "^2.0.0",
+    "hast-util-from-dom": "^4.0.0",
     "hast-util-from-parse5": "^7.0.0",
     "mermaid": "^9.0.0",
     "parse5": "^7.0.0",

From 9365b0a473bf8102ea7e7bf9a7cea4d1b1d2f2bf Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Thu, 29 Sep 2022 10:16:22 +0200
Subject: [PATCH 3/5] Run playwright install in GitHub actions

---
 .github/workflows/ci.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index e0150ad..fa34384 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -43,6 +43,7 @@ jobs:
       - run: npm --global install npm@8
         if: ${{ matrix.node-version == 14 }}
       - run: npm ci
+      - run: npx playwright install
       - run: npm test
       - uses: codecov/codecov-action@v3
         if: ${{ matrix.node-version == 18 }}

From ef608d2e3ed20152e35dc3149b858f31b57e0d34 Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Thu, 29 Sep 2022 12:26:00 +0200
Subject: [PATCH 4/5] Add missing verb in documentation

---
 README.md | 2 +-
 index.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 87ec006..7fc048a 100644
--- a/README.md
+++ b/README.md
@@ -62,7 +62,7 @@ disable minifying using SVGO completely.
 The [mermaid options](https://mermaid-js.github.io/mermaid/#/Setup) to use.
 
 **Note**: This options is only supported in Node.js. In the browser this option is unused. If you
-this in a browser, call `mermaid.initialize()` manually.
+use this in a browser, call `mermaid.initialize()` manually.
 
 ## License
 
diff --git a/index.ts b/index.ts
index dc34c68..faa3ce3 100644
--- a/index.ts
+++ b/index.ts
@@ -97,7 +97,7 @@ export interface RemarkMermaidOptions {
    * The mermaid options to use.
    *
    * **Note**: This options is only supported in Node.js. In the browser this option is unused. If
-   * you this in a browser, call `mermaid.initialize()` manually.
+   * you use this in a browser, call `mermaid.initialize()` manually.
    */
   mermaidOptions?: Parameters<typeof mermaid['initialize']>[0];
 }

From e1a698c8e9322746610db1888a9fec78de320672 Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Sun, 2 Oct 2022 12:59:19 +0200
Subject: [PATCH 5/5] Cache playwright browser between runs

---
 .github/workflows/ci.yml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index fa34384..038f4ea 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -42,6 +42,10 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - run: npm --global install npm@8
         if: ${{ matrix.node-version == 14 }}
+      - uses: actions/cache@v3
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ hashFiles('package-lock.json') }}
       - run: npm ci
       - run: npx playwright install
       - run: npm test