From 5b367486ced944472e7e8dd3f54479934953ddc7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 001/345] init the repo

---
 .gitignore    |  4 ++++
 .prettierrc   |  4 ++++
 README.md     |  3 +++
 package.json  | 33 +++++++++++++++++++++++++++++++++
 src/index.ts  |  0
 tsconfig.json | 12 ++++++++++++
 tslint.json   | 14 ++++++++++++++
 7 files changed, 70 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .prettierrc
 create mode 100644 README.md
 create mode 100644 package.json
 create mode 100644 src/index.ts
 create mode 100644 tsconfig.json
 create mode 100644 tslint.json

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..6ccc9d84
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.vscode
+node_modules
+package-lock.json
+build
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..1502887d
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5"
+}
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..98c66522
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+# rrweb-snapshot
+
+Not ready yet
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..c8c0d7d1
--- /dev/null
+++ b/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "rrweb-snapshot",
+  "version": "0.1.0",
+  "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha -r ts-node/register src/**/*.test.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb-snapshot.git"
+  },
+  "keywords": [
+    "rrweb",
+    "snapshot",
+    "DOM"
+  ],
+  "author": "yanzhen@smartx.com",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb-snapshot/issues"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb-snapshot#readme",
+  "devDependencies": {
+    "@types/chai": "^4.1.4",
+    "@types/mocha": "^5.2.5",
+    "chai": "^4.1.2",
+    "mocha": "^5.2.0",
+    "ts-node": "^7.0.1",
+    "tslint": "^4.5.1",
+    "typescript": "^3.0.3"
+  }
+}
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..1aec14ff
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "noImplicitAny": true,
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "rootDir": "src",
+    "outDir": "build"
+  },
+  "compileOnSave": true
+}
\ No newline at end of file
diff --git a/tslint.json b/tslint.json
new file mode 100644
index 00000000..c82ebf60
--- /dev/null
+++ b/tslint.json
@@ -0,0 +1,14 @@
+{
+  "defaultSeverity": "error",
+  "extends": ["tslint:recommended"],
+  "jsRules": {},
+  "rules": {
+    "no-any": true,
+    "quotemark": [true, "single"],
+    "ordered-imports": false,
+    "object-literal-sort-keys": false,
+    "no-unused-variable": true,
+    "object-literal-key-quotes": false
+  },
+  "rulesDirectory": []
+}
\ No newline at end of file

From 97c4b4f6e1519fc2e4b155c0b98cf3bbb5988f69 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 002/345] basic snapshot implementation

---
 src/index.ts  | 138 ++++++++++++++++++++++++++++++++++++++++++++++++++
 tsconfig.json |   5 +-
 tslint.json   |   3 +-
 3 files changed, 143 insertions(+), 3 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index e69de29b..4a003d2b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -0,0 +1,138 @@
+let _id = 1;
+
+function genId(): number {
+  return _id++;
+}
+
+enum NodeType {
+  Document,
+  DocumentType,
+  Element,
+  Text,
+  CDATA,
+  Comment,
+}
+
+type serializedNode =
+  | documentNode
+  | documentTypeNode
+  | elementNode
+  | textNode
+  | cdataNode
+  | commentNode;
+
+type documentNode = {
+  type: NodeType.Document;
+  childNodes: serializedNode[];
+};
+
+type documentTypeNode = {
+  type: NodeType.DocumentType;
+  name: string;
+  publicId: string;
+  systemId: string;
+};
+
+type attributes = {
+  [key: string]: string;
+};
+type elementNode = {
+  type: NodeType.Element;
+  tagName: string;
+  attributes: attributes;
+  childNodes: serializedNode[];
+};
+
+type textNode = {
+  type: NodeType.Text;
+  textContent: string;
+};
+
+type cdataNode = {
+  type: NodeType.CDATA;
+  textContent: '';
+};
+
+type commentNode = {
+  type: NodeType.Comment;
+  textContent: string;
+};
+
+function serializeNode(n: Node): serializedNode | false {
+  switch (n.nodeType) {
+    case n.DOCUMENT_NODE:
+      return {
+        type: NodeType.Document,
+        childNodes: [],
+      };
+    case n.DOCUMENT_TYPE_NODE:
+      return {
+        type: NodeType.DocumentType,
+        name: (n as DocumentType).name,
+        publicId: (n as DocumentType).publicId,
+        systemId: (n as DocumentType).systemId,
+      };
+    case n.ELEMENT_NODE:
+      const tagName = (n as HTMLElement).tagName.toLowerCase();
+      const attributes: attributes = {};
+      for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
+        attributes[name] = value;
+      }
+      return {
+        type: NodeType.Element,
+        tagName,
+        attributes,
+        childNodes: [],
+      };
+    case n.TEXT_NODE:
+      // The parent node may not be a html element which has a tagName attribute.
+      // So just let it be undefined which is ok in this use case.
+      const parentTagName =
+        n.parentNode && (n.parentNode as HTMLElement).tagName;
+      let textContent = (n as Text).textContent;
+      if (parentTagName === 'SCRIPT') {
+        textContent = '';
+      }
+      return {
+        type: NodeType.Text,
+        textContent,
+      };
+    case n.CDATA_SECTION_NODE:
+      return {
+        type: NodeType.CDATA,
+        textContent: '',
+      };
+    case n.COMMENT_NODE:
+      return {
+        type: NodeType.Comment,
+        textContent: (n as Comment).textContent,
+      };
+    default:
+      return false;
+  }
+}
+
+type serializedNodeWithId = serializedNode & { id: number };
+
+function snapshot(n: Node): serializedNodeWithId | null {
+  const _serializedNode = serializeNode(n);
+  if (!_serializedNode) {
+    // TODO: dev only
+    console.warn(n, 'not serialized');
+    return null;
+  }
+  const serializedNode: serializedNodeWithId = Object.assign(_serializedNode, {
+    id: genId(),
+  });
+  if (
+    serializedNode.type === NodeType.Document ||
+    serializedNode.type === NodeType.Element
+  ) {
+    for (const childN of Array.from(n.childNodes)) {
+      serializedNode.childNodes.push(snapshot(childN));
+    }
+  }
+  return serializedNode;
+}
+
+export default snapshot;
diff --git a/tsconfig.json b/tsconfig.json
index 1aec14ff..ce1b7e3c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,8 @@
     "preserveConstEnums": true,
     "sourceMap": true,
     "rootDir": "src",
-    "outDir": "build"
+    "outDir": "build",
+    "lib": ["es6", "dom"]
   },
   "compileOnSave": true
-}
\ No newline at end of file
+}
diff --git a/tslint.json b/tslint.json
index c82ebf60..3a0c0801 100644
--- a/tslint.json
+++ b/tslint.json
@@ -8,7 +8,8 @@
     "ordered-imports": false,
     "object-literal-sort-keys": false,
     "no-unused-variable": true,
-    "object-literal-key-quotes": false
+    "object-literal-key-quotes": false,
+    "variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore"]
   },
   "rulesDirectory": []
 }
\ No newline at end of file

From a71fb73aaf2e981cbd40912b5108288a2eac26d5 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 003/345] basic rebuild implementation

---
 src/index.ts    | 140 ++----------------------------------------------
 src/rebuild.ts  |  46 ++++++++++++++++
 src/snapshot.ts |  89 ++++++++++++++++++++++++++++++
 src/types.ts    |  55 +++++++++++++++++++
 4 files changed, 193 insertions(+), 137 deletions(-)
 create mode 100644 src/rebuild.ts
 create mode 100644 src/snapshot.ts
 create mode 100644 src/types.ts

diff --git a/src/index.ts b/src/index.ts
index 4a003d2b..758f2df9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,138 +1,4 @@
-let _id = 1;
+import snapshot from './snapshot';
+import rebuild from './rebuild';
 
-function genId(): number {
-  return _id++;
-}
-
-enum NodeType {
-  Document,
-  DocumentType,
-  Element,
-  Text,
-  CDATA,
-  Comment,
-}
-
-type serializedNode =
-  | documentNode
-  | documentTypeNode
-  | elementNode
-  | textNode
-  | cdataNode
-  | commentNode;
-
-type documentNode = {
-  type: NodeType.Document;
-  childNodes: serializedNode[];
-};
-
-type documentTypeNode = {
-  type: NodeType.DocumentType;
-  name: string;
-  publicId: string;
-  systemId: string;
-};
-
-type attributes = {
-  [key: string]: string;
-};
-type elementNode = {
-  type: NodeType.Element;
-  tagName: string;
-  attributes: attributes;
-  childNodes: serializedNode[];
-};
-
-type textNode = {
-  type: NodeType.Text;
-  textContent: string;
-};
-
-type cdataNode = {
-  type: NodeType.CDATA;
-  textContent: '';
-};
-
-type commentNode = {
-  type: NodeType.Comment;
-  textContent: string;
-};
-
-function serializeNode(n: Node): serializedNode | false {
-  switch (n.nodeType) {
-    case n.DOCUMENT_NODE:
-      return {
-        type: NodeType.Document,
-        childNodes: [],
-      };
-    case n.DOCUMENT_TYPE_NODE:
-      return {
-        type: NodeType.DocumentType,
-        name: (n as DocumentType).name,
-        publicId: (n as DocumentType).publicId,
-        systemId: (n as DocumentType).systemId,
-      };
-    case n.ELEMENT_NODE:
-      const tagName = (n as HTMLElement).tagName.toLowerCase();
-      const attributes: attributes = {};
-      for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
-        attributes[name] = value;
-      }
-      return {
-        type: NodeType.Element,
-        tagName,
-        attributes,
-        childNodes: [],
-      };
-    case n.TEXT_NODE:
-      // The parent node may not be a html element which has a tagName attribute.
-      // So just let it be undefined which is ok in this use case.
-      const parentTagName =
-        n.parentNode && (n.parentNode as HTMLElement).tagName;
-      let textContent = (n as Text).textContent;
-      if (parentTagName === 'SCRIPT') {
-        textContent = '';
-      }
-      return {
-        type: NodeType.Text,
-        textContent,
-      };
-    case n.CDATA_SECTION_NODE:
-      return {
-        type: NodeType.CDATA,
-        textContent: '',
-      };
-    case n.COMMENT_NODE:
-      return {
-        type: NodeType.Comment,
-        textContent: (n as Comment).textContent,
-      };
-    default:
-      return false;
-  }
-}
-
-type serializedNodeWithId = serializedNode & { id: number };
-
-function snapshot(n: Node): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(n);
-  if (!_serializedNode) {
-    // TODO: dev only
-    console.warn(n, 'not serialized');
-    return null;
-  }
-  const serializedNode: serializedNodeWithId = Object.assign(_serializedNode, {
-    id: genId(),
-  });
-  if (
-    serializedNode.type === NodeType.Document ||
-    serializedNode.type === NodeType.Element
-  ) {
-    for (const childN of Array.from(n.childNodes)) {
-      serializedNode.childNodes.push(snapshot(childN));
-    }
-  }
-  return serializedNode;
-}
-
-export default snapshot;
+export { snapshot, rebuild };
diff --git a/src/rebuild.ts b/src/rebuild.ts
new file mode 100644
index 00000000..1d581e45
--- /dev/null
+++ b/src/rebuild.ts
@@ -0,0 +1,46 @@
+import { serializedNodeWithId, NodeType } from './types';
+
+function buildNode(n: serializedNodeWithId): Node | null {
+  switch (n.type) {
+    case NodeType.Document:
+      return document.implementation.createDocument(null, '', null);
+    case NodeType.DocumentType:
+      return document.implementation.createDocumentType(
+        n.name,
+        n.publicId,
+        n.systemId,
+      );
+    case NodeType.Element:
+      const node = document.createElement(n.tagName);
+      for (const name in n.attributes) {
+        if (n.attributes.hasOwnProperty(name)) {
+          node.setAttribute(name, n.attributes[name]);
+        }
+      }
+      return node;
+    case NodeType.Text:
+      return document.createTextNode(n.textContent);
+    case NodeType.CDATA:
+      return document.createCDATASection(n.textContent);
+    case NodeType.Comment:
+      return document.createComment(n.textContent);
+    default:
+      return null;
+  }
+}
+
+function rebuild(n: serializedNodeWithId): Node | null {
+  const root = buildNode(n);
+  if (!root) {
+    return null;
+  }
+  if (n.type === NodeType.Document || n.type === NodeType.Element) {
+    for (const childN of n.childNodes) {
+      const childNode = rebuild(childN);
+      root.appendChild(childNode);
+    }
+  }
+  return root;
+}
+
+export default rebuild;
diff --git a/src/snapshot.ts b/src/snapshot.ts
new file mode 100644
index 00000000..ce805da5
--- /dev/null
+++ b/src/snapshot.ts
@@ -0,0 +1,89 @@
+import {
+  serializedNode,
+  serializedNodeWithId,
+  NodeType,
+  attributes,
+} from './types';
+
+let _id = 1;
+
+function genId(): number {
+  return _id++;
+}
+
+function serializeNode(n: Node): serializedNode | false {
+  switch (n.nodeType) {
+    case n.DOCUMENT_NODE:
+      return {
+        type: NodeType.Document,
+        childNodes: [],
+      };
+    case n.DOCUMENT_TYPE_NODE:
+      return {
+        type: NodeType.DocumentType,
+        name: (n as DocumentType).name,
+        publicId: (n as DocumentType).publicId,
+        systemId: (n as DocumentType).systemId,
+      };
+    case n.ELEMENT_NODE:
+      const tagName = (n as HTMLElement).tagName.toLowerCase();
+      const attributes: attributes = {};
+      for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
+        attributes[name] = value;
+      }
+      return {
+        type: NodeType.Element,
+        tagName,
+        attributes,
+        childNodes: [],
+      };
+    case n.TEXT_NODE:
+      // The parent node may not be a html element which has a tagName attribute.
+      // So just let it be undefined which is ok in this use case.
+      const parentTagName =
+        n.parentNode && (n.parentNode as HTMLElement).tagName;
+      let textContent = (n as Text).textContent;
+      if (parentTagName === 'SCRIPT') {
+        textContent = '';
+      }
+      return {
+        type: NodeType.Text,
+        textContent,
+      };
+    case n.CDATA_SECTION_NODE:
+      return {
+        type: NodeType.CDATA,
+        textContent: '',
+      };
+    case n.COMMENT_NODE:
+      return {
+        type: NodeType.Comment,
+        textContent: (n as Comment).textContent,
+      };
+    default:
+      return false;
+  }
+}
+
+function snapshot(n: Node): serializedNodeWithId | null {
+  const _serializedNode = serializeNode(n);
+  if (!_serializedNode) {
+    // TODO: dev only
+    console.warn(n, 'not serialized');
+    return null;
+  }
+  const serializedNode: serializedNodeWithId = Object.assign(_serializedNode, {
+    id: genId(),
+  });
+  if (
+    serializedNode.type === NodeType.Document ||
+    serializedNode.type === NodeType.Element
+  ) {
+    for (const childN of Array.from(n.childNodes)) {
+      serializedNode.childNodes.push(snapshot(childN));
+    }
+  }
+  return serializedNode;
+}
+
+export default snapshot;
diff --git a/src/types.ts b/src/types.ts
new file mode 100644
index 00000000..25fc9962
--- /dev/null
+++ b/src/types.ts
@@ -0,0 +1,55 @@
+export enum NodeType {
+  Document,
+  DocumentType,
+  Element,
+  Text,
+  CDATA,
+  Comment,
+}
+
+export type documentNode = {
+  type: NodeType.Document;
+  childNodes: serializedNodeWithId[];
+};
+
+export type documentTypeNode = {
+  type: NodeType.DocumentType;
+  name: string;
+  publicId: string;
+  systemId: string;
+};
+
+export type attributes = {
+  [key: string]: string;
+};
+export type elementNode = {
+  type: NodeType.Element;
+  tagName: string;
+  attributes: attributes;
+  childNodes: serializedNodeWithId[];
+};
+
+export type textNode = {
+  type: NodeType.Text;
+  textContent: string;
+};
+
+export type cdataNode = {
+  type: NodeType.CDATA;
+  textContent: '';
+};
+
+export type commentNode = {
+  type: NodeType.Comment;
+  textContent: string;
+};
+
+export type serializedNode =
+  | documentNode
+  | documentTypeNode
+  | elementNode
+  | textNode
+  | cdataNode
+  | commentNode;
+
+export type serializedNodeWithId = serializedNode & { id: number };

From ed2bc918e0d73600fcf7da4e7a9447c873660475 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 004/345] setup tests

---
 .prettierrc                  |  4 +--
 index.d.ts                   |  4 +++
 package.json                 |  6 +++-
 src/rebuild.ts               |  6 +++-
 test/html/about-mozilla.html | 57 +++++++++++++++++++++++++++++
 test/html/basic.html         | 15 ++++++++
 test/index.ts                | 70 ++++++++++++++++++++++++++++++++++++
 tsconfig.json                |  4 ++-
 tslint.json                  | 10 ++++--
 9 files changed, 169 insertions(+), 7 deletions(-)
 create mode 100644 index.d.ts
 create mode 100644 test/html/about-mozilla.html
 create mode 100644 test/html/basic.html
 create mode 100644 test/index.ts

diff --git a/.prettierrc b/.prettierrc
index 1502887d..a20502b7 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,4 @@
 {
   "singleQuote": true,
-  "trailingComma": "es5"
-}
\ No newline at end of file
+  "trailingComma": "all"
+}
diff --git a/index.d.ts b/index.d.ts
new file mode 100644
index 00000000..f7f2dbfa
--- /dev/null
+++ b/index.d.ts
@@ -0,0 +1,4 @@
+declare module 'mocha-jsdom' {
+  function mochaDom(options: any): void;
+  export = mochaDom;
+}
diff --git a/package.json b/package.json
index c8c0d7d1..2c62a4c9 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "index.js",
   "scripts": {
-    "test": "mocha -r ts-node/register src/**/*.test.ts"
+    "test": "TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts"
   },
   "repository": {
     "type": "git",
@@ -23,9 +23,13 @@
   "homepage": "https://github.com/rrweb-io/rrweb-snapshot#readme",
   "devDependencies": {
     "@types/chai": "^4.1.4",
+    "@types/jsdom": "^11.12.0",
     "@types/mocha": "^5.2.5",
+    "@types/node": "^10.11.3",
     "chai": "^4.1.2",
+    "jsdom": "^12.1.0",
     "mocha": "^5.2.0",
+    "mocha-jsdom": "^2.0.0",
     "ts-node": "^7.0.1",
     "tslint": "^4.5.1",
     "typescript": "^3.0.3"
diff --git a/src/rebuild.ts b/src/rebuild.ts
index 1d581e45..3dee6026 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -14,7 +14,11 @@ function buildNode(n: serializedNodeWithId): Node | null {
       const node = document.createElement(n.tagName);
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
-          node.setAttribute(name, n.attributes[name]);
+          try {
+            node.setAttribute(name, n.attributes[name]);
+          } catch (error) {
+            // skip invalid attribute
+          }
         }
       }
       return node;
diff --git a/test/html/about-mozilla.html b/test/html/about-mozilla.html
new file mode 100644
index 00000000..f353c482
--- /dev/null
+++ b/test/html/about-mozilla.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>The Book of Mozilla, 11:9</title>
+  <style type="text/css">
+    html {
+      background: maroon;
+      color: white;
+      font-style: italic;
+    }
+
+    #moztext {
+      margin-top: 15%;
+      font-size: 1.1em;
+      font-family: serif;
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    #from {
+      font-size: 1.95em;
+      font-family: serif;
+      text-align: right;
+    }
+
+    em {
+      font-size: 1.3em;
+      line-height: 0;
+    }
+
+    a {
+      text-decoration: none;
+      color: white;
+    }
+  </style>
+</head>
+
+<body>
+
+  <p id="moztext">
+    Mammon slept. And the <em>beast reborn</em> spread over the earth and its numbers
+    grew legion. And they proclaimed the times and <em>sacrificed</em> crops unto the
+    fire, with the <em>cunning of foxes</em>. And they built a new world in their own
+    image as promised by the <em><a href="http://www.mozilla.org/about/mozilla-manifesto.html">
+        sacred words</a></em>, and <em><a href="http://wiki.mozilla.org/About:mozilla">spoke
+      </a></em> of the beast with their children. Mammon awoke, and lo! it was
+    <em>naught</em> but a follower.
+  </p>
+
+  <p id="from">
+    from <strong>The Book of Mozilla,</strong> 11:9<br /><small>(10th Edition)</small>
+  </p>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/html/basic.html b/test/html/basic.html
new file mode 100644
index 00000000..95fac2be
--- /dev/null
+++ b/test/html/basic.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/index.ts b/test/index.ts
new file mode 100644
index 00000000..a9fba369
--- /dev/null
+++ b/test/index.ts
@@ -0,0 +1,70 @@
+import 'mocha';
+import mochaDom = require('mocha-jsdom');
+import { expect } from 'chai';
+import * as fs from 'fs';
+import * as path from 'path';
+import { JSDOM } from 'jsdom';
+import { snapshot, rebuild } from '../src';
+
+const htmlFolder = path.join(__dirname, 'html');
+const htmls = fs.readdirSync(htmlFolder).map(filePath => {
+  return {
+    filePath,
+    content: fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8'),
+  };
+});
+
+describe('integration tests', () => {
+  mochaDom({ url: 'http://localhost' });
+
+  it('will snapshot document type', () => {
+    const raw = '<html></html>';
+    const dom = new JSDOM(raw);
+    const snap = snapshot(dom.window.document);
+    expect(snap).to.deep.equal({
+      type: 0,
+      childNodes: [
+        {
+          type: 2,
+          tagName: 'html',
+          attributes: {},
+          childNodes: [
+            {
+              type: 2,
+              tagName: 'head',
+              attributes: {},
+              childNodes: [],
+              id: 3,
+            },
+            {
+              type: 2,
+              tagName: 'body',
+              attributes: {},
+              childNodes: [],
+              id: 4,
+            },
+          ],
+          id: 2,
+        },
+      ],
+      id: 1,
+    });
+  });
+
+  it('will not throw error with invalid attribute', () => {
+    const raw = `<html foo='bar' ''></html>`;
+    const dom = new JSDOM(raw);
+    expect(() => rebuild(snapshot(dom.window.document))).not.to.throw();
+  });
+
+  for (const html of htmls) {
+    it('[html file]:' + html.filePath, () => {
+      const dom = new JSDOM(html.content);
+      const snap = snapshot(dom.window.document);
+      const rebuildDom = rebuild(snap);
+      expect((rebuildDom as Document).documentElement.outerHTML).to.equal(
+        dom.window.document.documentElement.outerHTML,
+      );
+    });
+  }
+});
diff --git a/tsconfig.json b/tsconfig.json
index ce1b7e3c..06b323aa 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,5 +9,7 @@
     "outDir": "build",
     "lib": ["es6", "dom"]
   },
-  "compileOnSave": true
+  "compileOnSave": true,
+  "exclude": ["test"],
+  "include": ["index.d.ts"]
 }
diff --git a/tslint.json b/tslint.json
index 3a0c0801..a153081c 100644
--- a/tslint.json
+++ b/tslint.json
@@ -9,7 +9,13 @@
     "object-literal-sort-keys": false,
     "no-unused-variable": true,
     "object-literal-key-quotes": false,
-    "variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore"]
+    "variable-name": [
+      true,
+      "ban-keywords",
+      "check-format",
+      "allow-leading-underscore"
+    ],
+    "arrow-parens": false
   },
   "rulesDirectory": []
-}
\ No newline at end of file
+}

From e9cf631934bd6db4971619e3c1aa0860fa8fc4c0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 005/345] replace script tag with noscript and inline the
 states of form field components

---
 src/rebuild.ts             |  13 +++-
 src/snapshot.ts            |  35 +++++++++-
 src/types.ts               |   2 +-
 test/html/with-script.html |  18 +++++
 test/index.ts              |  70 --------------------
 test/integration.ts        | 132 +++++++++++++++++++++++++++++++++++++
 6 files changed, 195 insertions(+), 75 deletions(-)
 create mode 100644 test/html/with-script.html
 delete mode 100644 test/index.ts
 create mode 100644 test/integration.ts

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 3dee6026..f6be61ca 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -11,11 +11,20 @@ function buildNode(n: serializedNodeWithId): Node | null {
         n.systemId,
       );
     case NodeType.Element:
-      const node = document.createElement(n.tagName);
+      const tagName = n.tagName === 'script' ? 'noscript' : n.tagName;
+      const node = document.createElement(tagName);
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
+          let value = n.attributes[name];
+          value = typeof value === 'boolean' ? '' : value;
+          // textarea hack
+          if (n.tagName === 'textarea' && name === 'value') {
+            const child = document.createTextNode(value);
+            node.appendChild(child);
+            continue;
+          }
           try {
-            node.setAttribute(name, n.attributes[name]);
+            node.setAttribute(name, value);
           } catch (error) {
             // skip invalid attribute
           }
diff --git a/src/snapshot.ts b/src/snapshot.ts
index ce805da5..c6f4eb60 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -11,6 +11,10 @@ function genId(): number {
   return _id++;
 }
 
+function resetId() {
+  _id = 1;
+}
+
 function serializeNode(n: Node): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -31,6 +35,28 @@ function serializeNode(n: Node): serializedNode | false {
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
         attributes[name] = value;
       }
+      if (
+        tagName === 'input' ||
+        tagName === 'textarea' ||
+        tagName === 'select'
+      ) {
+        const value = (n as HTMLInputElement | HTMLTextAreaElement).value;
+        if (
+          attributes.type !== 'radio' &&
+          attributes.type !== 'checkbox' &&
+          value
+        ) {
+          attributes.value = value;
+        } else if ((n as HTMLInputElement).checked) {
+          attributes.checked = (n as HTMLInputElement).checked;
+        }
+      }
+      if (tagName === 'option') {
+        const selectValue = (n as HTMLOptionElement).parentElement;
+        if (attributes.value === (selectValue as HTMLSelectElement).value) {
+          attributes.selected = (n as HTMLOptionElement).selected;
+        }
+      }
       return {
         type: NodeType.Element,
         tagName,
@@ -65,7 +91,7 @@ function serializeNode(n: Node): serializedNode | false {
   }
 }
 
-function snapshot(n: Node): serializedNodeWithId | null {
+function _snapshot(n: Node): serializedNodeWithId | null {
   const _serializedNode = serializeNode(n);
   if (!_serializedNode) {
     // TODO: dev only
@@ -80,10 +106,15 @@ function snapshot(n: Node): serializedNodeWithId | null {
     serializedNode.type === NodeType.Element
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      serializedNode.childNodes.push(snapshot(childN));
+      serializedNode.childNodes.push(_snapshot(childN));
     }
   }
   return serializedNode;
 }
 
+function snapshot(n: Node): serializedNodeWithId | null {
+  resetId();
+  return _snapshot(n);
+}
+
 export default snapshot;
diff --git a/src/types.ts b/src/types.ts
index 25fc9962..17fc0e42 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -20,7 +20,7 @@ export type documentTypeNode = {
 };
 
 export type attributes = {
-  [key: string]: string;
+  [key: string]: string | boolean;
 };
 export type elementNode = {
   type: NodeType.Element;
diff --git a/test/html/with-script.html b/test/html/with-script.html
new file mode 100644
index 00000000..e3598090
--- /dev/null
+++ b/test/html/with-script.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with script</title>
+</head>
+
+<body>
+  <script src="a.js"></script>
+  <script>
+    console.log(1)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/index.ts b/test/index.ts
deleted file mode 100644
index a9fba369..00000000
--- a/test/index.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import 'mocha';
-import mochaDom = require('mocha-jsdom');
-import { expect } from 'chai';
-import * as fs from 'fs';
-import * as path from 'path';
-import { JSDOM } from 'jsdom';
-import { snapshot, rebuild } from '../src';
-
-const htmlFolder = path.join(__dirname, 'html');
-const htmls = fs.readdirSync(htmlFolder).map(filePath => {
-  return {
-    filePath,
-    content: fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8'),
-  };
-});
-
-describe('integration tests', () => {
-  mochaDom({ url: 'http://localhost' });
-
-  it('will snapshot document type', () => {
-    const raw = '<html></html>';
-    const dom = new JSDOM(raw);
-    const snap = snapshot(dom.window.document);
-    expect(snap).to.deep.equal({
-      type: 0,
-      childNodes: [
-        {
-          type: 2,
-          tagName: 'html',
-          attributes: {},
-          childNodes: [
-            {
-              type: 2,
-              tagName: 'head',
-              attributes: {},
-              childNodes: [],
-              id: 3,
-            },
-            {
-              type: 2,
-              tagName: 'body',
-              attributes: {},
-              childNodes: [],
-              id: 4,
-            },
-          ],
-          id: 2,
-        },
-      ],
-      id: 1,
-    });
-  });
-
-  it('will not throw error with invalid attribute', () => {
-    const raw = `<html foo='bar' ''></html>`;
-    const dom = new JSDOM(raw);
-    expect(() => rebuild(snapshot(dom.window.document))).not.to.throw();
-  });
-
-  for (const html of htmls) {
-    it('[html file]:' + html.filePath, () => {
-      const dom = new JSDOM(html.content);
-      const snap = snapshot(dom.window.document);
-      const rebuildDom = rebuild(snap);
-      expect((rebuildDom as Document).documentElement.outerHTML).to.equal(
-        dom.window.document.documentElement.outerHTML,
-      );
-    });
-  }
-});
diff --git a/test/integration.ts b/test/integration.ts
new file mode 100644
index 00000000..00375d0d
--- /dev/null
+++ b/test/integration.ts
@@ -0,0 +1,132 @@
+import 'mocha';
+import mochaDom = require('mocha-jsdom');
+import { expect } from 'chai';
+import * as fs from 'fs';
+import * as path from 'path';
+import { JSDOM } from 'jsdom';
+import { snapshot, rebuild } from '../src';
+
+const htmlFolder = path.join(__dirname, 'html');
+const htmls = fs.readdirSync(htmlFolder).map(filePath => {
+  return {
+    filePath,
+    content: fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8'),
+  };
+});
+
+describe('integration tests', () => {
+  mochaDom({ url: 'http://localhost' });
+
+  for (const html of htmls) {
+    it('[html file]:' + html.filePath, () => {
+      const dom = new JSDOM(html.content);
+      const snap = snapshot(dom.window.document);
+      const rebuildDom = rebuild(snap);
+      const htmlStr = dom.window.document.documentElement.outerHTML
+        .replace(/<script>(.|\n)*?<\/script>/g, '<script></script>')
+        .replace(/<script(.*?)>/g, '<noscript$1>')
+        .replace(/<\/script>/g, '</noscript>');
+      expect((rebuildDom as Document).documentElement.outerHTML).to.equal(
+        htmlStr,
+      );
+    });
+  }
+
+  it('will snapshot document type', () => {
+    const raw = '<html></html>';
+    const dom = new JSDOM(raw);
+    const snap = snapshot(dom.window.document);
+    expect(snap).to.deep.equal({
+      type: 0,
+      childNodes: [
+        {
+          type: 2,
+          tagName: 'html',
+          attributes: {},
+          childNodes: [
+            {
+              type: 2,
+              tagName: 'head',
+              attributes: {},
+              childNodes: [],
+              id: 3,
+            },
+            {
+              type: 2,
+              tagName: 'body',
+              attributes: {},
+              childNodes: [],
+              id: 4,
+            },
+          ],
+          id: 2,
+        },
+      ],
+      id: 1,
+    });
+  });
+
+  it('will not throw error with invalid attribute', () => {
+    const raw = `<html foo='bar' ''></html>`;
+    const dom = new JSDOM(raw);
+    expect(() => rebuild(snapshot(dom.window.document))).not.to.throw();
+  });
+
+  it('will inline text input value', () => {
+    const raw = '<input type="text">';
+    const dom = new JSDOM(raw);
+    dom.window.document.querySelector('input').value = '1';
+    const rebuildDom = rebuild(snapshot(dom.window.document));
+    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
+      '<input type="text" value="1">',
+    );
+  });
+
+  it('will inline radio input value', () => {
+    const raw = '<input type="radio">';
+    const dom = new JSDOM(raw);
+    dom.window.document.querySelector('input').checked = true;
+    const rebuildDom = rebuild(snapshot(dom.window.document));
+    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
+      '<input type="radio" checked="">',
+    );
+  });
+
+  it('will inline checkbox input value', () => {
+    const raw = '<input type="checkbox">';
+    const dom = new JSDOM(raw);
+    dom.window.document.querySelector('input').checked = true;
+    const rebuildDom = rebuild(snapshot(dom.window.document));
+    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
+      '<input type="checkbox" checked="">',
+    );
+  });
+
+  it('will inline textarea value into text node', () => {
+    const raw = '<textarea name="" id="" cols="30" rows="10"></textarea>';
+    const dom = new JSDOM(raw);
+    dom.window.document.querySelector('textarea').value = '1234';
+    const rebuildDom = rebuild(snapshot(dom.window.document));
+    expect(
+      (rebuildDom as Document).querySelector('textarea').outerHTML,
+    ).to.equal('<textarea name="" id="" cols="30" rows="10">1234</textarea>');
+  });
+
+  it('will inline options state', () => {
+    const raw = `
+<select name="" id="">
+  <option value="1">1</option>
+  <option value="2">2</option>
+</select>
+    `;
+    const dom = new JSDOM(raw);
+    dom.window.document.querySelector('select').value = '2';
+    const rebuildDom = rebuild(snapshot(dom.window.document));
+    expect((rebuildDom as Document).querySelector('select').outerHTML).to.equal(
+      `<select name="" id="" value="2">
+  <option value="1">1</option>
+  <option value="2" selected="">2</option>
+</select>`,
+    );
+  });
+});

From 0e35b86d877b593977acf8606cc3d144bf7ddb31 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 006/345] refactor test infra so most test cases could be
 implemented by pure HTML

---
 test/css/style.css               |   6 ++
 test/html/form-fields.html       |  79 ++++++++++++++++++++++
 test/html/invalid-attribute.html |   9 +++
 test/html/with-script.html       |  21 +++++-
 test/integration.ts              | 108 +++++++++----------------------
 5 files changed, 146 insertions(+), 77 deletions(-)
 create mode 100644 test/css/style.css
 create mode 100644 test/html/form-fields.html
 create mode 100644 test/html/invalid-attribute.html

diff --git a/test/css/style.css b/test/css/style.css
new file mode 100644
index 00000000..70b063e6
--- /dev/null
+++ b/test/css/style.css
@@ -0,0 +1,6 @@
+body {
+  margin: 0;
+}
+p {
+  color: red;
+}
diff --git a/test/html/form-fields.html b/test/html/form-fields.html
new file mode 100644
index 00000000..6eef3544
--- /dev/null
+++ b/test/html/form-fields.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>form fields</title>
+</head>
+
+<body>
+  <form>
+    <label for="text">
+      <input type="text">
+    </label>
+    <label for="radio">
+      <input type="radio">
+    </label>
+    <label for="checkbox">
+      <input type="checkbox">
+    </label>
+    <label for="textarea">
+      <textarea name="" id="" cols="30" rows="10"></textarea>
+    </label>
+    <label for="select">
+      <select name="" id="">
+        <option value="1">1</option>
+        <option value="2">2</option>
+      </select>
+    </label>
+  </form>
+</body>
+<script>
+  document.querySelector('input[type="text"]').value = '1';
+  document.querySelector('input[type="radio"]').checked = true;
+  document.querySelector('input[type="checkbox"]').checked = true;
+  document.querySelector('textarea').value = '1234';
+  document.querySelector('select').value = '2';
+</script>
+
+</html>
+
+<!-- TEST_DIVIDER -->
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>form fields</title>
+</head>
+
+<body>
+  <form>
+    <label for="text">
+      <input type="text" value="1">
+    </label>
+    <label for="radio">
+      <input type="radio" checked="">
+    </label>
+    <label for="checkbox">
+      <input type="checkbox" checked="">
+    </label>
+    <label for="textarea">
+      <textarea name="" id="" cols="30" rows="10">1234</textarea>
+    </label>
+    <label for="select">
+      <select name="" id="" value="2">
+        <option value="1">1</option>
+        <option value="2" selected>2</option>
+      </select>
+    </label>
+  </form>
+</body>
+<noscript></noscript>
+
+</html>
\ No newline at end of file
diff --git a/test/html/invalid-attribute.html b/test/html/invalid-attribute.html
new file mode 100644
index 00000000..6fa84ad4
--- /dev/null
+++ b/test/html/invalid-attribute.html
@@ -0,0 +1,9 @@
+<html foo='bar' ''>
+
+</html>
+
+<!-- TEST_DIVIDER -->
+
+<html foo='bar'>
+
+</html>
\ No newline at end of file
diff --git a/test/html/with-script.html b/test/html/with-script.html
index e3598090..3dd8ca93 100644
--- a/test/html/with-script.html
+++ b/test/html/with-script.html
@@ -11,8 +11,27 @@
 <body>
   <script src="a.js"></script>
   <script>
-    console.log(1)
+    var a = 1 + 1;
   </script>
 </body>
 
+</html>
+
+<!-- TEST_DIVIDER -->
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with script</title>
+</head>
+
+<body>
+  <noscript src="a.js"></noscript>
+  <noscript></noscript>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/test/integration.ts b/test/integration.ts
index 00375d0d..4f9917c8 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -8,9 +8,19 @@ import { snapshot, rebuild } from '../src';
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map(filePath => {
+  const raw = fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8');
+  if (/<!-- TEST_DIVIDER -->/.test(raw)) {
+    const [src, dest] = raw.split('<!-- TEST_DIVIDER -->');
+    return {
+      filePath,
+      src,
+      dest,
+    };
+  }
   return {
     filePath,
-    content: fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8'),
+    src: raw,
+    dest: raw,
   };
 });
 
@@ -18,17 +28,27 @@ describe('integration tests', () => {
   mochaDom({ url: 'http://localhost' });
 
   for (const html of htmls) {
-    it('[html file]:' + html.filePath, () => {
-      const dom = new JSDOM(html.content);
-      const snap = snapshot(dom.window.document);
-      const rebuildDom = rebuild(snap);
-      const htmlStr = dom.window.document.documentElement.outerHTML
-        .replace(/<script>(.|\n)*?<\/script>/g, '<script></script>')
-        .replace(/<script(.*?)>/g, '<noscript$1>')
-        .replace(/<\/script>/g, '</noscript>');
-      expect((rebuildDom as Document).documentElement.outerHTML).to.equal(
-        htmlStr,
-      );
+    it('[html file]: ' + html.filePath, done => {
+      const srcDom = new JSDOM(html.src, { runScripts: 'dangerously' });
+      const destDom = new JSDOM(html.dest);
+      srcDom.window.document.addEventListener('DOMContentLoaded', () => {
+        const snap = snapshot(srcDom.window.document);
+        const rebuildDom = rebuild(snap);
+        const htmlStr = destDom.window.document.documentElement.outerHTML.replace(
+          /\n\n/g,
+          '',
+        );
+        const rebuildStr = (rebuildDom as Document).documentElement.outerHTML.replace(
+          /\n\n/g,
+          '',
+        );
+        try {
+          expect(rebuildStr).to.equal(htmlStr);
+          done();
+        } catch (error) {
+          done(error);
+        }
+      });
     });
   }
 
@@ -65,68 +85,4 @@ describe('integration tests', () => {
       id: 1,
     });
   });
-
-  it('will not throw error with invalid attribute', () => {
-    const raw = `<html foo='bar' ''></html>`;
-    const dom = new JSDOM(raw);
-    expect(() => rebuild(snapshot(dom.window.document))).not.to.throw();
-  });
-
-  it('will inline text input value', () => {
-    const raw = '<input type="text">';
-    const dom = new JSDOM(raw);
-    dom.window.document.querySelector('input').value = '1';
-    const rebuildDom = rebuild(snapshot(dom.window.document));
-    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
-      '<input type="text" value="1">',
-    );
-  });
-
-  it('will inline radio input value', () => {
-    const raw = '<input type="radio">';
-    const dom = new JSDOM(raw);
-    dom.window.document.querySelector('input').checked = true;
-    const rebuildDom = rebuild(snapshot(dom.window.document));
-    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
-      '<input type="radio" checked="">',
-    );
-  });
-
-  it('will inline checkbox input value', () => {
-    const raw = '<input type="checkbox">';
-    const dom = new JSDOM(raw);
-    dom.window.document.querySelector('input').checked = true;
-    const rebuildDom = rebuild(snapshot(dom.window.document));
-    expect((rebuildDom as Document).querySelector('input').outerHTML).to.equal(
-      '<input type="checkbox" checked="">',
-    );
-  });
-
-  it('will inline textarea value into text node', () => {
-    const raw = '<textarea name="" id="" cols="30" rows="10"></textarea>';
-    const dom = new JSDOM(raw);
-    dom.window.document.querySelector('textarea').value = '1234';
-    const rebuildDom = rebuild(snapshot(dom.window.document));
-    expect(
-      (rebuildDom as Document).querySelector('textarea').outerHTML,
-    ).to.equal('<textarea name="" id="" cols="30" rows="10">1234</textarea>');
-  });
-
-  it('will inline options state', () => {
-    const raw = `
-<select name="" id="">
-  <option value="1">1</option>
-  <option value="2">2</option>
-</select>
-    `;
-    const dom = new JSDOM(raw);
-    dom.window.document.querySelector('select').value = '2';
-    const rebuildDom = rebuild(snapshot(dom.window.document));
-    expect((rebuildDom as Document).querySelector('select').outerHTML).to.equal(
-      `<select name="" id="" value="2">
-  <option value="1">1</option>
-  <option value="2" selected="">2</option>
-</select>`,
-    );
-  });
 });

From 7fadc986ecdac1175c6baec54fce9d89bbd4f882 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 007/345] refactor the test infra: use puppeteer instead of
 jsdom to get rid of some hack implementations

---
 index.d.ts                      |   6 +-
 package.json                    |  11 ++-
 rollup.config.js                |  10 +++
 test/html/with-script.html      |   4 +-
 test/html/with-style-sheet.html |  16 ++++
 test/integration.ts             | 147 ++++++++++++++++++--------------
 test/js/a.js                    |   1 +
 test/server.ts                  |   0
 tsconfig.json                   |   2 +-
 9 files changed, 125 insertions(+), 72 deletions(-)
 create mode 100644 rollup.config.js
 create mode 100644 test/html/with-style-sheet.html
 create mode 100644 test/js/a.js
 create mode 100644 test/server.ts

diff --git a/index.d.ts b/index.d.ts
index f7f2dbfa..cbe3deb6 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,4 +1,4 @@
-declare module 'mocha-jsdom' {
-  function mochaDom(options: any): void;
-  export = mochaDom;
+declare module 'rollup-plugin-typescript' {
+  function typescript(): any;
+  export = typescript;
 }
diff --git a/package.json b/package.json
index 2c62a4c9..5944a8df 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "index.js",
   "scripts": {
-    "test": "TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts"
+    "test": "TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
+    "compile": "rollup --config"
   },
   "repository": {
     "type": "git",
@@ -23,14 +24,16 @@
   "homepage": "https://github.com/rrweb-io/rrweb-snapshot#readme",
   "devDependencies": {
     "@types/chai": "^4.1.4",
-    "@types/jsdom": "^11.12.0",
     "@types/mocha": "^5.2.5",
     "@types/node": "^10.11.3",
+    "@types/puppeteer": "^1.8.0",
     "chai": "^4.1.2",
-    "jsdom": "^12.1.0",
     "mocha": "^5.2.0",
-    "mocha-jsdom": "^2.0.0",
+    "puppeteer": "^1.9.0",
+    "rollup": "^0.66.4",
+    "rollup-plugin-typescript": "^1.0.0",
     "ts-node": "^7.0.1",
+    "tslib": "^1.9.3",
     "tslint": "^4.5.1",
     "typescript": "^3.0.3"
   }
diff --git a/rollup.config.js b/rollup.config.js
new file mode 100644
index 00000000..d5080466
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,10 @@
+import typescript from 'rollup-plugin-typescript';
+
+export default {
+  input: './src/index.ts',
+  plugins: [typescript()],
+  output: {
+    name: 'rrweb',
+    format: 'iife',
+  },
+};
diff --git a/test/html/with-script.html b/test/html/with-script.html
index 3dd8ca93..5ef140a7 100644
--- a/test/html/with-script.html
+++ b/test/html/with-script.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-  <script src="a.js"></script>
+  <script src="http://localhost:3030/js/a.js"></script>
   <script>
     var a = 1 + 1;
   </script>
@@ -30,7 +30,7 @@
 </head>
 
 <body>
-  <noscript src="a.js"></noscript>
+  <noscript src="http://localhost:3030/js/a.js"></noscript>
   <noscript></noscript>
 </body>
 
diff --git a/test/html/with-style-sheet.html b/test/html/with-style-sheet.html
new file mode 100644
index 00000000..43e0cb01
--- /dev/null
+++ b/test/html/with-style-sheet.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with style sheet</title>
+  <link rel="stylesheet" href="http://localhost:3030/css/style.css">
+</head>
+
+<body>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/integration.ts b/test/integration.ts
index 4f9917c8..cdd4139f 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -1,10 +1,12 @@
-import 'mocha';
-import mochaDom = require('mocha-jsdom');
-import { expect } from 'chai';
 import * as fs from 'fs';
 import * as path from 'path';
-import { JSDOM } from 'jsdom';
-import { snapshot, rebuild } from '../src';
+import * as http from 'http';
+import * as url from 'url';
+import 'mocha';
+import * as puppeteer from 'puppeteer';
+import * as rollup from 'rollup';
+import typescript = require('rollup-plugin-typescript');
+import { expect } from 'chai';
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map(filePath => {
@@ -24,65 +26,86 @@ const htmls = fs.readdirSync(htmlFolder).map(filePath => {
   };
 });
 
-describe('integration tests', () => {
-  mochaDom({ url: 'http://localhost' });
+interface IMimeType {
+  [key: string]: string;
+}
 
-  for (const html of htmls) {
-    it('[html file]: ' + html.filePath, done => {
-      const srcDom = new JSDOM(html.src, { runScripts: 'dangerously' });
-      const destDom = new JSDOM(html.dest);
-      srcDom.window.document.addEventListener('DOMContentLoaded', () => {
-        const snap = snapshot(srcDom.window.document);
-        const rebuildDom = rebuild(snap);
-        const htmlStr = destDom.window.document.documentElement.outerHTML.replace(
-          /\n\n/g,
-          '',
-        );
-        const rebuildStr = (rebuildDom as Document).documentElement.outerHTML.replace(
-          /\n\n/g,
-          '',
-        );
-        try {
-          expect(rebuildStr).to.equal(htmlStr);
-          done();
-        } catch (error) {
-          done(error);
-        }
-      });
+const server = () =>
+  new Promise(resolve => {
+    const mimeType: IMimeType = {
+      '.html': 'text/html',
+      '.js': 'text/javascript',
+      '.css': 'text/css',
+    };
+    const s = http.createServer((req, res) => {
+      const parsedUrl = url.parse(req.url);
+      const sanitizePath = path
+        .normalize(parsedUrl.pathname)
+        .replace(/^(\.\.[\/\\])+/, '');
+      let pathname = path.join(__dirname, sanitizePath);
+      try {
+        const data = fs.readFileSync(pathname);
+        const ext = path.parse(pathname).ext;
+        res.setHeader('Content-type', mimeType[ext] || 'text/plain');
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-type');
+        res.end(data);
+      } catch (error) {
+        res.end();
+      }
     });
-  }
-
-  it('will snapshot document type', () => {
-    const raw = '<html></html>';
-    const dom = new JSDOM(raw);
-    const snap = snapshot(dom.window.document);
-    expect(snap).to.deep.equal({
-      type: 0,
-      childNodes: [
-        {
-          type: 2,
-          tagName: 'html',
-          attributes: {},
-          childNodes: [
-            {
-              type: 2,
-              tagName: 'head',
-              attributes: {},
-              childNodes: [],
-              id: 3,
-            },
-            {
-              type: 2,
-              tagName: 'body',
-              attributes: {},
-              childNodes: [],
-              id: 4,
-            },
-          ],
-          id: 2,
-        },
-      ],
-      id: 1,
+    s.listen(3030).on('listening', () => {
+      resolve(s);
     });
   });
+
+describe('integration tests', () => {
+  before(async () => {
+    this.server = await server();
+    this.browser = await puppeteer.launch({
+      headless: false,
+      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
+    });
+
+    const bundle = await rollup.rollup({
+      input: path.resolve(__dirname, '../src/index.ts'),
+      plugins: [typescript()],
+    });
+    const { code } = await bundle.generate({
+      name: 'rrweb',
+      format: 'iife',
+    });
+    this.code = code;
+  });
+
+  after(() => {
+    this.browser.close();
+    this.server.close();
+  });
+
+  for (const html of htmls) {
+    it('[html file]: ' + html.filePath, async () => {
+      const page: puppeteer.Page = await this.browser.newPage();
+      await page.goto(`http://localhost:3030/html/${html.filePath}`);
+      await page.setContent(html.src);
+      page.once('load', async () => {
+        await page.evaluate(() => {
+          const x = new XMLSerializer();
+          return x.serializeToString(document);
+        });
+        const rebuildHtml = (await page.evaluate(`${this.code}
+          const x = new XMLSerializer();
+          const snap = rrweb.snapshot(document);
+          x.serializeToString(rrweb.rebuild(snap));
+        `)).replace(/\n\n/g, '');
+        await page.goto(`data:text/html,${html.dest}`);
+        const destHtml = (await page.evaluate(() => {
+          const x = new XMLSerializer();
+          return x.serializeToString(document);
+        })).replace(/\n\n/g, '');
+        expect(rebuildHtml).to.equal(destHtml);
+      });
+    }).timeout(5000);
+  }
 });
diff --git a/test/js/a.js b/test/js/a.js
new file mode 100644
index 00000000..7a776f91
--- /dev/null
+++ b/test/js/a.js
@@ -0,0 +1 @@
+var a = 1 + 1;
diff --git a/test/server.ts b/test/server.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/tsconfig.json b/tsconfig.json
index 06b323aa..6378ca69 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,5 +11,5 @@
   },
   "compileOnSave": true,
   "exclude": ["test"],
-  "include": ["index.d.ts"]
+  "include": ["src", "index.d.ts"]
 }

From 51737d9b53ad4ef7191c9585722acfbfe7d6079b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 008/345] try to inline linked stylesheet when in same origin

---
 src/rebuild.ts                  | 20 +++++++++++---
 src/snapshot.ts                 | 38 ++++++++++++++++++++++-----
 src/types.ts                    |  4 +++
 test/html/cors-style-sheet.html | 16 ++++++++++++
 test/html/with-style-sheet.html | 19 ++++++++++++++
 test/integration.ts             | 46 +++++++++++++++++----------------
 6 files changed, 110 insertions(+), 33 deletions(-)
 create mode 100644 test/html/cors-style-sheet.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index f6be61ca..bcf1f681 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -1,4 +1,15 @@
-import { serializedNodeWithId, NodeType } from './types';
+import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
+
+const tagMap: tagMap = {
+  script: 'noscript',
+};
+function getTagName(n: elementNode): string {
+  let tagName = tagMap[n.tagName] ? tagMap[n.tagName] : n.tagName;
+  if (tagName === 'link' && n.attributes._cssText) {
+    tagName = 'style';
+  }
+  return tagName;
+}
 
 function buildNode(n: serializedNodeWithId): Node | null {
   switch (n.type) {
@@ -11,14 +22,15 @@ function buildNode(n: serializedNodeWithId): Node | null {
         n.systemId,
       );
     case NodeType.Element:
-      const tagName = n.tagName === 'script' ? 'noscript' : n.tagName;
+      const tagName = getTagName(n);
       const node = document.createElement(tagName);
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
           let value = n.attributes[name];
           value = typeof value === 'boolean' ? '' : value;
-          // textarea hack
-          if (n.tagName === 'textarea' && name === 'value') {
+          const isTextarea = tagName === 'textarea' && name === 'value';
+          const isRemoteCss = tagName === 'style' && name === '_cssText';
+          if (isTextarea || isRemoteCss) {
             const child = document.createTextNode(value);
             node.appendChild(child);
             continue;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index c6f4eb60..c5af9f58 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -15,7 +15,18 @@ function resetId() {
   _id = 1;
 }
 
-function serializeNode(n: Node): serializedNode | false {
+function getCssRulesString(s: CSSStyleSheet): string | null {
+  try {
+    const rules = s.rules || s.cssRules;
+    return rules
+      ? Array.from(rules).reduce((prev, cur) => (prev += cur.cssText), '')
+      : null;
+  } catch (error) {
+    return null;
+  }
+}
+
+function serializeNode(n: Node, doc: Document): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return {
@@ -31,10 +42,23 @@ function serializeNode(n: Node): serializedNode | false {
       };
     case n.ELEMENT_NODE:
       const tagName = (n as HTMLElement).tagName.toLowerCase();
-      const attributes: attributes = {};
+      let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
         attributes[name] = value;
       }
+      // remote css
+      if (tagName === 'link' && attributes.hasOwnProperty('href')) {
+        const stylesheet = Array.from(doc.styleSheets).find(
+          s => s.href === attributes.href,
+        );
+        const cssText = getCssRulesString(stylesheet as CSSStyleSheet);
+        if (cssText) {
+          attributes = {
+            _cssText: cssText,
+          };
+        }
+      }
+      // form fields
       if (
         tagName === 'input' ||
         tagName === 'textarea' ||
@@ -91,8 +115,8 @@ function serializeNode(n: Node): serializedNode | false {
   }
 }
 
-function _snapshot(n: Node): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(n);
+function _snapshot(n: Node, doc: Document): serializedNodeWithId | null {
+  const _serializedNode = serializeNode(n, doc);
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
@@ -106,15 +130,15 @@ function _snapshot(n: Node): serializedNodeWithId | null {
     serializedNode.type === NodeType.Element
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      serializedNode.childNodes.push(_snapshot(childN));
+      serializedNode.childNodes.push(_snapshot(childN, doc));
     }
   }
   return serializedNode;
 }
 
-function snapshot(n: Node): serializedNodeWithId | null {
+function snapshot(n: Document): serializedNodeWithId | null {
   resetId();
-  return _snapshot(n);
+  return _snapshot(n, n);
 }
 
 export default snapshot;
diff --git a/src/types.ts b/src/types.ts
index 17fc0e42..ea19a198 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -53,3 +53,7 @@ export type serializedNode =
   | commentNode;
 
 export type serializedNodeWithId = serializedNode & { id: number };
+
+export type tagMap = {
+  [key: string]: string;
+};
diff --git a/test/html/cors-style-sheet.html b/test/html/cors-style-sheet.html
new file mode 100644
index 00000000..06dddaa2
--- /dev/null
+++ b/test/html/cors-style-sheet.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with style sheet</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css">
+</head>
+
+<body>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/html/with-style-sheet.html b/test/html/with-style-sheet.html
index 43e0cb01..14f09d38 100644
--- a/test/html/with-style-sheet.html
+++ b/test/html/with-style-sheet.html
@@ -13,4 +13,23 @@
 
 </body>
 
+</html>
+
+<!-- TEST_DIVIDER -->
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with style sheet</title>
+  <style>body { margin: 0px; }p { color: red; }</style>
+</head>
+
+<body>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/test/integration.ts b/test/integration.ts
index cdd4139f..40f9cc03 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -64,7 +64,7 @@ describe('integration tests', () => {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
-      headless: false,
+      // headless: false,
       executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
     });
 
@@ -79,33 +79,35 @@ describe('integration tests', () => {
     this.code = code;
   });
 
-  after(() => {
-    this.browser.close();
-    this.server.close();
+  after(async () => {
+    await this.browser.close();
+    await this.server.close();
   });
 
-  for (const html of htmls) {
+  for (const html of htmls.slice(0, 10)) {
     it('[html file]: ' + html.filePath, async () => {
       const page: puppeteer.Page = await this.browser.newPage();
-      await page.goto(`http://localhost:3030/html/${html.filePath}`);
+      // console for debug
+      // tslint:disable-next-line: no-console
+      page.on('console', msg => console.log(msg.text()));
+      await page.goto(`http://localhost:3030/html`);
       await page.setContent(html.src);
-      page.once('load', async () => {
-        await page.evaluate(() => {
-          const x = new XMLSerializer();
-          return x.serializeToString(document);
-        });
-        const rebuildHtml = (await page.evaluate(`${this.code}
-          const x = new XMLSerializer();
-          const snap = rrweb.snapshot(document);
-          x.serializeToString(rrweb.rebuild(snap));
-        `)).replace(/\n\n/g, '');
-        await page.goto(`data:text/html,${html.dest}`);
-        const destHtml = (await page.evaluate(() => {
-          const x = new XMLSerializer();
-          return x.serializeToString(document);
-        })).replace(/\n\n/g, '');
-        expect(rebuildHtml).to.equal(destHtml);
+      await page.evaluate(() => {
+        const x = new XMLSerializer();
+        return x.serializeToString(document);
       });
+      const rebuildHtml = (await page.evaluate(`${this.code}
+        const x = new XMLSerializer();
+        const snap = rrweb.snapshot(document);
+        x.serializeToString(rrweb.rebuild(snap));
+      `)).replace(/\n\n/g, '');
+      await page.goto(`http://localhost:3030/html`);
+      await page.setContent(html.dest);
+      const destHtml = (await page.evaluate(() => {
+        const x = new XMLSerializer();
+        return x.serializeToString(document);
+      })).replace(/\n\n/g, '');
+      expect(rebuildHtml).to.equal(destHtml);
     }).timeout(5000);
   }
 });

From 9e3e5909357d24d2082d7503d1098bd5d1090e59 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 009/345] add iframe tests and update urls in test file

---
 src/snapshot.ts                 |  8 ++++----
 test/html/iframe-inner.html     |  1 +
 test/html/iframe.html           | 12 ++++++++++++
 test/html/with-script.html      |  4 ++--
 test/html/with-style-sheet.html |  2 +-
 5 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 test/html/iframe-inner.html
 create mode 100644 test/html/iframe.html

diff --git a/src/snapshot.ts b/src/snapshot.ts
index c5af9f58..0501f499 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -47,10 +47,10 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         attributes[name] = value;
       }
       // remote css
-      if (tagName === 'link' && attributes.hasOwnProperty('href')) {
-        const stylesheet = Array.from(doc.styleSheets).find(
-          s => s.href === attributes.href,
-        );
+      if (tagName === 'link') {
+        const stylesheet = Array.from(doc.styleSheets).find(s => {
+          return s.href === (n as HTMLLinkElement).href;
+        });
         const cssText = getCssRulesString(stylesheet as CSSStyleSheet);
         if (cssText) {
           attributes = {
diff --git a/test/html/iframe-inner.html b/test/html/iframe-inner.html
new file mode 100644
index 00000000..2ef778d9
--- /dev/null
+++ b/test/html/iframe-inner.html
@@ -0,0 +1 @@
+<button>inner iframe button</button>
diff --git a/test/html/iframe.html b/test/html/iframe.html
new file mode 100644
index 00000000..8b45139e
--- /dev/null
+++ b/test/html/iframe.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>iframe</title>
+</head>
+<body>
+  <iframe src="/html/iframe-inner.html" width="100" height="50"></iframe>
+</body>
+</html>
diff --git a/test/html/with-script.html b/test/html/with-script.html
index 5ef140a7..d7271338 100644
--- a/test/html/with-script.html
+++ b/test/html/with-script.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-  <script src="http://localhost:3030/js/a.js"></script>
+  <script src="/js/a.js"></script>
   <script>
     var a = 1 + 1;
   </script>
@@ -30,7 +30,7 @@
 </head>
 
 <body>
-  <noscript src="http://localhost:3030/js/a.js"></noscript>
+  <noscript src="/js/a.js"></noscript>
   <noscript></noscript>
 </body>
 
diff --git a/test/html/with-style-sheet.html b/test/html/with-style-sheet.html
index 14f09d38..9fc5bdad 100644
--- a/test/html/with-style-sheet.html
+++ b/test/html/with-style-sheet.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>with style sheet</title>
-  <link rel="stylesheet" href="http://localhost:3030/css/style.css">
+  <link rel="stylesheet" href="/css/style.css">
 </head>
 
 <body>

From 546743004b6fb3445eebe4aa42e76cf190a4c340 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 010/345] update declaration file

---
 index.d.ts     | 8 ++++----
 package.json   | 2 +-
 test.d.ts      | 4 ++++
 test/server.ts | 0
 tsconfig.json  | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 test.d.ts
 delete mode 100644 test/server.ts

diff --git a/index.d.ts b/index.d.ts
index cbe3deb6..e1d96cb4 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,4 +1,4 @@
-declare module 'rollup-plugin-typescript' {
-  function typescript(): any;
-  export = typescript;
-}
+import { serializedNodeWithId } from './src/types';
+
+export function snapshot(n: Document): serializedNodeWithId | null;
+export function rebuild(n: serializedNodeWithId): Node | null;
diff --git a/package.json b/package.json
index 5944a8df..a4d87dcf 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "index.js",
   "scripts": {
-    "test": "TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
+    "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
     "compile": "rollup --config"
   },
   "repository": {
diff --git a/test.d.ts b/test.d.ts
new file mode 100644
index 00000000..cbe3deb6
--- /dev/null
+++ b/test.d.ts
@@ -0,0 +1,4 @@
+declare module 'rollup-plugin-typescript' {
+  function typescript(): any;
+  export = typescript;
+}
diff --git a/test/server.ts b/test/server.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/tsconfig.json b/tsconfig.json
index 6378ca69..f82e02cd 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,5 +11,5 @@
   },
   "compileOnSave": true,
   "exclude": ["test"],
-  "include": ["src", "index.d.ts"]
+  "include": ["src", "test.d.ts"]
 }

From c496e3edea096752ac826422b45cc7bc0e9fa77f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 011/345] bump 0.2.0

---
 README.md    | 8 +++++++-
 package.json | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 98c66522..d61b9f71 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,9 @@
 # rrweb-snapshot
 
-Not ready yet
+Snapshot the DOM into a stateful and serializable data structure.
+Also provide the ability to rebuild the DOM via snapshot.
+
+## TODO
+
+- [ ] Replace any url in css rules into absolute path.
+- [ ] Select a suitable build strategy.
diff --git a/package.json b/package.json
index a4d87dcf..73c0b112 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "index.js",
   "scripts": {

From ac5293f162ac369e8818a23ac2839c6183cf96a4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 012/345] add strict null check and fix codes

---
 index.d.ts      | 1 +
 src/index.ts    | 1 +
 src/rebuild.ts  | 6 +++++-
 src/snapshot.ts | 9 ++++++---
 tsconfig.json   | 1 +
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index e1d96cb4..bb15b0be 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,4 +1,5 @@
 import { serializedNodeWithId } from './src/types';
+export * from './src/types';
 
 export function snapshot(n: Document): serializedNodeWithId | null;
 export function rebuild(n: serializedNodeWithId): Node | null;
diff --git a/src/index.ts b/src/index.ts
index 758f2df9..6b8e1450 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,5 @@
 import snapshot from './snapshot';
 import rebuild from './rebuild';
+export * from './types';
 
 export { snapshot, rebuild };
diff --git a/src/rebuild.ts b/src/rebuild.ts
index bcf1f681..fce1fb36 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -62,7 +62,11 @@ function rebuild(n: serializedNodeWithId): Node | null {
   if (n.type === NodeType.Document || n.type === NodeType.Element) {
     for (const childN of n.childNodes) {
       const childNode = rebuild(childN);
-      root.appendChild(childNode);
+      if (!childNode) {
+        console.warn('Failed to rebuild', childN);
+      } else {
+        root.appendChild(childNode);
+      }
     }
   }
   return root;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 0501f499..913210a4 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -98,7 +98,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
       }
       return {
         type: NodeType.Text,
-        textContent,
+        textContent: textContent || '',
       };
     case n.CDATA_SECTION_NODE:
       return {
@@ -108,7 +108,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
     case n.COMMENT_NODE:
       return {
         type: NodeType.Comment,
-        textContent: (n as Comment).textContent,
+        textContent: (n as Comment).textContent || '',
       };
     default:
       return false;
@@ -130,7 +130,10 @@ function _snapshot(n: Node, doc: Document): serializedNodeWithId | null {
     serializedNode.type === NodeType.Element
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      serializedNode.childNodes.push(_snapshot(childN, doc));
+      const serializedChildNode = _snapshot(childN, doc);
+      if (serializedChildNode) {
+        serializedNode.childNodes.push(serializedChildNode);
+      }
     }
   }
   return serializedNode;
diff --git a/tsconfig.json b/tsconfig.json
index f82e02cd..d58ee546 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "module": "commonjs",
     "noImplicitAny": true,
+    "strictNullChecks": true,
     "removeComments": true,
     "preserveConstEnums": true,
     "sourceMap": true,

From cfc8798b53c4293324e9692a40a2bdd7811465f9 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 013/345] return id node map when snapshot

---
 index.d.ts          |  4 ++--
 src/snapshot.ts     | 29 ++++++++++++++++++++++++-----
 src/types.ts        |  8 ++++++++
 test/integration.ts |  6 +++---
 4 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index bb15b0be..fa9eae71 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,5 +1,5 @@
-import { serializedNodeWithId } from './src/types';
+import { serializedNodeWithId, idNodeMap } from './src/types';
 export * from './src/types';
 
-export function snapshot(n: Document): serializedNodeWithId | null;
+export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
 export function rebuild(n: serializedNodeWithId): Node | null;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 913210a4..15642b7f 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -3,6 +3,8 @@ import {
   serializedNodeWithId,
   NodeType,
   attributes,
+  INode,
+  idNodeMap,
 } from './types';
 
 let _id = 1;
@@ -115,22 +117,38 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
   }
 }
 
-function _snapshot(n: Node, doc: Document): serializedNodeWithId | null {
+function serializeNodeWithId(
+  n: Node,
+  doc: Document,
+): serializedNodeWithId | null {
   const _serializedNode = serializeNode(n, doc);
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
     return null;
   }
-  const serializedNode: serializedNodeWithId = Object.assign(_serializedNode, {
+  return Object.assign(_serializedNode, {
     id: genId(),
   });
+}
+
+function _snapshot(
+  n: Node,
+  doc: Document,
+  map: idNodeMap,
+): serializedNodeWithId | null {
+  const serializedNode = serializeNodeWithId(n, doc);
+  if (!serializedNode) {
+    return null;
+  }
+  (n as INode).__sn = serializedNode;
+  map[serializedNode.id] = n as INode;
   if (
     serializedNode.type === NodeType.Document ||
     serializedNode.type === NodeType.Element
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      const serializedChildNode = _snapshot(childN, doc);
+      const serializedChildNode = _snapshot(childN, doc, map);
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
@@ -139,9 +157,10 @@ function _snapshot(n: Node, doc: Document): serializedNodeWithId | null {
   return serializedNode;
 }
 
-function snapshot(n: Document): serializedNodeWithId | null {
+function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap] {
   resetId();
-  return _snapshot(n, n);
+  const idNodeMap: idNodeMap = {};
+  return [_snapshot(n, n, idNodeMap), idNodeMap];
 }
 
 export default snapshot;
diff --git a/src/types.ts b/src/types.ts
index ea19a198..6fbe58e2 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -57,3 +57,11 @@ export type serializedNodeWithId = serializedNode & { id: number };
 export type tagMap = {
   [key: string]: string;
 };
+
+export interface INode extends Node {
+  __sn: serializedNodeWithId;
+}
+
+export type idNodeMap = {
+  [key: number]: INode;
+};
diff --git a/test/integration.ts b/test/integration.ts
index 40f9cc03..a6ed7da5 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -38,9 +38,9 @@ const server = () =>
       '.css': 'text/css',
     };
     const s = http.createServer((req, res) => {
-      const parsedUrl = url.parse(req.url);
+      const parsedUrl = url.parse(req.url!);
       const sanitizePath = path
-        .normalize(parsedUrl.pathname)
+        .normalize(parsedUrl.pathname!)
         .replace(/^(\.\.[\/\\])+/, '');
       let pathname = path.join(__dirname, sanitizePath);
       try {
@@ -98,7 +98,7 @@ describe('integration tests', () => {
       });
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
-        const snap = rrweb.snapshot(document);
+        const [snap] = rrweb.snapshot(document);
         x.serializeToString(rrweb.rebuild(snap));
       `)).replace(/\n\n/g, '');
       await page.goto(`http://localhost:3030/html`);

From 9cf2c4c7edb9e92305f1fe184af53007674639cc Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 014/345] export serializeNodeWithId so rrweb could serialize
 newly added nodes

---
 index.d.ts      |  5 +++++
 src/index.ts    |  4 ++--
 src/snapshot.ts | 12 +++++++-----
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index fa9eae71..85dc9653 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -3,3 +3,8 @@ export * from './src/types';
 
 export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
 export function rebuild(n: serializedNodeWithId): Node | null;
+export function serializeNodeWithId(
+  n: Node,
+  doc: Document,
+  map: idNodeMap,
+): serializedNodeWithId | null;
diff --git a/src/index.ts b/src/index.ts
index 6b8e1450..fd969465 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
-import snapshot from './snapshot';
+import snapshot, { serializeNodeWithId } from './snapshot';
 import rebuild from './rebuild';
 export * from './types';
 
-export { snapshot, rebuild };
+export { snapshot, serializeNodeWithId, rebuild };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 15642b7f..04eddcf3 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -117,9 +117,10 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
   }
 }
 
-function serializeNodeWithId(
+export function serializeNodeWithId(
   n: Node,
   doc: Document,
+  map: idNodeMap,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(n, doc);
   if (!_serializedNode) {
@@ -127,9 +128,12 @@ function serializeNodeWithId(
     console.warn(n, 'not serialized');
     return null;
   }
-  return Object.assign(_serializedNode, {
+  const serializedNode = Object.assign(_serializedNode, {
     id: genId(),
   });
+  (n as INode).__sn = serializedNode;
+  map[serializedNode.id] = n as INode;
+  return serializedNode;
 }
 
 function _snapshot(
@@ -137,12 +141,10 @@ function _snapshot(
   doc: Document,
   map: idNodeMap,
 ): serializedNodeWithId | null {
-  const serializedNode = serializeNodeWithId(n, doc);
+  const serializedNode = serializeNodeWithId(n, doc, map);
   if (!serializedNode) {
     return null;
   }
-  (n as INode).__sn = serializedNode;
-  map[serializedNode.id] = n as INode;
   if (
     serializedNode.type === NodeType.Document ||
     serializedNode.type === NodeType.Element

From b170c3de59f067095b6b316eb8a62889a28fd646 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 015/345] update the bundle config

---
 .gitignore       |  1 +
 package.json     | 10 +++++++---
 rollup.config.js | 19 +++++++++++++++----
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index 6ccc9d84..f35f48b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 package-lock.json
 build
+dist
diff --git a/package.json b/package.json
index 73c0b112..0c399ca9 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,12 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
-  "main": "index.js",
+  "main": "dist/index.js",
+  "module": "dist/module.js",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
-    "compile": "rollup --config"
+    "bundle": "rollup --config"
   },
   "repository": {
     "type": "git",
@@ -16,6 +17,9 @@
     "snapshot",
     "DOM"
   ],
+  "files": [
+    "dist"
+  ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
diff --git a/rollup.config.js b/rollup.config.js
index d5080466..dc2cd261 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -3,8 +3,19 @@ import typescript from 'rollup-plugin-typescript';
 export default {
   input: './src/index.ts',
   plugins: [typescript()],
-  output: {
-    name: 'rrweb',
-    format: 'iife',
-  },
+  output: [
+    {
+      format: 'cjs',
+      file: './dist/index.js',
+    },
+    {
+      format: 'esm',
+      file: './dist/module.js',
+    },
+    {
+      name: 'rrwebSnapshot',
+      format: 'iife',
+      file: './dist/browser.js',
+    },
+  ],
 };

From 0434129b00f14d7a1b9154f5c452905b83dc5f7f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 016/345] return id node map when rebuild

---
 index.d.ts                      |  2 +-
 src/rebuild.ts                  | 20 +++++++++++++++++---
 test/css/style.css              |  3 +++
 test/html/with-style-sheet.html |  2 +-
 test/integration.ts             |  2 +-
 5 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 85dc9653..0bc43523 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -2,7 +2,7 @@ import { serializedNodeWithId, idNodeMap } from './src/types';
 export * from './src/types';
 
 export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
-export function rebuild(n: serializedNodeWithId): Node | null;
+export function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap];
 export function serializeNodeWithId(
   n: Node,
   doc: Document,
diff --git a/src/rebuild.ts b/src/rebuild.ts
index fce1fb36..13029262 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -1,4 +1,11 @@
-import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
+import {
+  serializedNodeWithId,
+  NodeType,
+  tagMap,
+  elementNode,
+  idNodeMap,
+  INode,
+} from './types';
 
 const tagMap: tagMap = {
   script: 'noscript',
@@ -54,14 +61,16 @@ function buildNode(n: serializedNodeWithId): Node | null {
   }
 }
 
-function rebuild(n: serializedNodeWithId): Node | null {
+function _rebuild(n: serializedNodeWithId, map: idNodeMap): Node | null {
   const root = buildNode(n);
   if (!root) {
     return null;
   }
+  (root as INode).__sn = n;
+  map[n.id] = root as INode;
   if (n.type === NodeType.Document || n.type === NodeType.Element) {
     for (const childN of n.childNodes) {
-      const childNode = rebuild(childN);
+      const childNode = _rebuild(childN, map);
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
@@ -72,4 +81,9 @@ function rebuild(n: serializedNodeWithId): Node | null {
   return root;
 }
 
+function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap] {
+  const idNodeMap: idNodeMap = {};
+  return [_rebuild(n, idNodeMap), idNodeMap];
+}
+
 export default rebuild;
diff --git a/test/css/style.css b/test/css/style.css
index 70b063e6..f1be9954 100644
--- a/test/css/style.css
+++ b/test/css/style.css
@@ -4,3 +4,6 @@ body {
 p {
   color: red;
 }
+body > p {
+  color: yellow;
+}
diff --git a/test/html/with-style-sheet.html b/test/html/with-style-sheet.html
index 9fc5bdad..9ba3c5e4 100644
--- a/test/html/with-style-sheet.html
+++ b/test/html/with-style-sheet.html
@@ -25,7 +25,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>with style sheet</title>
-  <style>body { margin: 0px; }p { color: red; }</style>
+  <style>body { margin: 0px; }p { color: red; }body > p { color: yellow; }</style>
 </head>
 
 <body>
diff --git a/test/integration.ts b/test/integration.ts
index a6ed7da5..13647cc8 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -99,7 +99,7 @@ describe('integration tests', () => {
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
-        x.serializeToString(rrweb.rebuild(snap));
+        x.serializeToString(rrweb.rebuild(snap)[0]);
       `)).replace(/\n\n/g, '');
       await page.goto(`http://localhost:3030/html`);
       await page.setContent(html.dest);

From cb3efd427f6823ea7cab51328ceec75a1d1685fa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 017/345] add data attribute to element when rebuild

---
 index.d.ts     |  2 +-
 src/rebuild.ts | 23 ++++++-----------------
 2 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 0bc43523..85dc9653 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -2,7 +2,7 @@ import { serializedNodeWithId, idNodeMap } from './src/types';
 export * from './src/types';
 
 export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
-export function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap];
+export function rebuild(n: serializedNodeWithId): Node | null;
 export function serializeNodeWithId(
   n: Node,
   doc: Document,
diff --git a/src/rebuild.ts b/src/rebuild.ts
index 13029262..223e3be8 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -1,11 +1,4 @@
-import {
-  serializedNodeWithId,
-  NodeType,
-  tagMap,
-  elementNode,
-  idNodeMap,
-  INode,
-} from './types';
+import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
 
 const tagMap: tagMap = {
   script: 'noscript',
@@ -61,16 +54,17 @@ function buildNode(n: serializedNodeWithId): Node | null {
   }
 }
 
-function _rebuild(n: serializedNodeWithId, map: idNodeMap): Node | null {
+function rebuild(n: serializedNodeWithId): Node | null {
   const root = buildNode(n);
   if (!root) {
     return null;
   }
-  (root as INode).__sn = n;
-  map[n.id] = root as INode;
+  if (n.type === NodeType.Element) {
+    (root as HTMLElement).setAttribute('data-rrid', String(n.id));
+  }
   if (n.type === NodeType.Document || n.type === NodeType.Element) {
     for (const childN of n.childNodes) {
-      const childNode = _rebuild(childN, map);
+      const childNode = rebuild(childN);
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
@@ -81,9 +75,4 @@ function _rebuild(n: serializedNodeWithId, map: idNodeMap): Node | null {
   return root;
 }
 
-function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap] {
-  const idNodeMap: idNodeMap = {};
-  return [_rebuild(n, idNodeMap), idNodeMap];
-}
-
 export default rebuild;

From 87ff591cd1ba3a1c855facb0f9eab98996e101d6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 018/345] use jest-snapshot to apply the snapshot testing

---
 package.json                           |   1 +
 test.d.ts                              |  17 ++++
 test/__snapshots__/integration.ts.snap | 133 +++++++++++++++++++++++++
 test/html/form-fields.html             |  38 -------
 test/html/invalid-attribute.html       |   6 --
 test/html/with-script.html             |  19 ----
 test/html/with-style-sheet.html        |  19 ----
 test/integration.ts                    |  44 ++++----
 8 files changed, 172 insertions(+), 105 deletions(-)
 create mode 100644 test/__snapshots__/integration.ts.snap

diff --git a/package.json b/package.json
index 0c399ca9..119a44c0 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@types/node": "^10.11.3",
     "@types/puppeteer": "^1.8.0",
     "chai": "^4.1.2",
+    "jest-snapshot": "^23.6.0",
     "mocha": "^5.2.0",
     "puppeteer": "^1.9.0",
     "rollup": "^0.66.4",
diff --git a/test.d.ts b/test.d.ts
index cbe3deb6..a3b614ee 100644
--- a/test.d.ts
+++ b/test.d.ts
@@ -2,3 +2,20 @@ declare module 'rollup-plugin-typescript' {
   function typescript(): any;
   export = typescript;
 }
+
+declare module 'jest-snapshot' {
+  export class SnapshotState {
+    constructor(testFile: string, options: any);
+
+    save(): any;
+  }
+  type matchResult = {
+    pass: boolean;
+    report(): string;
+  };
+  export function toMatchSnapshot(
+    received: any,
+    propertyMatchers?: any,
+    testName?: string,
+  ): matchResult;
+}
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
new file mode 100644
index 00000000..6aba1b5e
--- /dev/null
+++ b/test/__snapshots__/integration.ts.snap
@@ -0,0 +1,133 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`[html file]: about-mozilla.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <title data-rrid=\\"6\\">The Book of Mozilla, 11:9</title>
+  <style type=\\"text/css\\" data-rrid=\\"9\\">
+    html {
+      background: maroon;
+      color: white;
+      font-style: italic;
+    }    #moztext {
+      margin-top: 15%;
+      font-size: 1.1em;
+      font-family: serif;
+      text-align: center;
+      line-height: 1.5;
+    }    #from {
+      font-size: 1.95em;
+      font-family: serif;
+      text-align: right;
+    }    em {
+      font-size: 1.3em;
+      line-height: 0;
+    }    a {
+      text-decoration: none;
+      color: white;
+    }
+  </style>
+</head><body data-rrid=\\"13\\">  <p id=\\"moztext\\" data-rrid=\\"15\\">
+    Mammon slept. And the <em data-rrid=\\"17\\">beast reborn</em> spread over the earth and its numbers
+    grew legion. And they proclaimed the times and <em data-rrid=\\"20\\">sacrificed</em> crops unto the
+    fire, with the <em data-rrid=\\"23\\">cunning of foxes</em>. And they built a new world in their own
+    image as promised by the <em data-rrid=\\"26\\"><a href=\\"http://www.mozilla.org/about/mozilla-manifesto.html\\" data-rrid=\\"27\\">
+        sacred words</a></em>, and <em data-rrid=\\"30\\"><a href=\\"http://wiki.mozilla.org/About:mozilla\\" data-rrid=\\"31\\">spoke
+      </a></em> of the beast with their children. Mammon awoke, and lo! it was
+    <em data-rrid=\\"34\\">naught</em> but a follower.
+  </p>  <p id=\\"from\\" data-rrid=\\"38\\">
+    from <strong data-rrid=\\"40\\">The Book of Mozilla,</strong> 11:9<br data-rrid=\\"43\\" /><small data-rrid=\\"44\\">(10th Edition)</small>
+  </p></body></html>"
+`;
+
+exports[`[html file]: basic.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">Document</title>
+</head><body data-rrid=\\"16\\"></body></html>"
+`;
+
+exports[`[html file]: cors-style-sheet.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">with style sheet</title>
+  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css\\" data-rrid=\\"15\\" />
+</head><body data-rrid=\\"18\\"></body></html>"
+`;
+
+exports[`[html file]: form-fields.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">form fields</title>
+</head><body data-rrid=\\"16\\">
+  <form data-rrid=\\"18\\">
+    <label for=\\"text\\" data-rrid=\\"20\\">
+      <input type=\\"text\\" value=\\"1\\" data-rrid=\\"22\\" />
+    </label>
+    <label for=\\"radio\\" data-rrid=\\"25\\">
+      <input type=\\"radio\\" checked=\\"\\" data-rrid=\\"27\\" />
+    </label>
+    <label for=\\"checkbox\\" data-rrid=\\"30\\">
+      <input type=\\"checkbox\\" checked=\\"\\" data-rrid=\\"32\\" />
+    </label>
+    <label for=\\"textarea\\" data-rrid=\\"35\\">
+      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" data-rrid=\\"37\\">1234</textarea>
+    </label>
+    <label for=\\"select\\" data-rrid=\\"40\\">
+      <select name=\\"\\" id=\\"\\" value=\\"2\\" data-rrid=\\"42\\">
+        <option value=\\"1\\" data-rrid=\\"44\\">1</option>
+        <option value=\\"2\\" selected=\\"\\" data-rrid=\\"47\\">2</option>
+      </select>
+    </label>
+  </form><noscript data-rrid=\\"53\\"></noscript>
+</body></html>"
+`;
+
+exports[`[html file]: iframe.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">iframe</title>
+</head>
+<body data-rrid=\\"16\\">
+  <iframe src=\\"/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\" data-rrid=\\"18\\"></iframe>
+</body></html>"
+`;
+
+exports[`[html file]: iframe-inner.html 1`] = `
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\" data-rrid=\\"2\\"><head data-rrid=\\"3\\"></head><body data-rrid=\\"4\\"><button data-rrid=\\"5\\">inner iframe button</button>
+</body></html>"
+`;
+
+exports[`[html file]: invalid-attribute.html 1`] = `
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\" foo=\\"bar\\" data-rrid=\\"2\\"><head data-rrid=\\"3\\"></head><body data-rrid=\\"4\\">
+</body></html>"
+`;
+
+exports[`[html file]: with-script.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">with script</title>
+</head><body data-rrid=\\"16\\">
+  <noscript src=\\"/js/a.js\\" data-rrid=\\"18\\"></noscript>
+  <noscript data-rrid=\\"20\\"></noscript></body></html>"
+`;
+
+exports[`[html file]: with-style-sheet.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">with style sheet</title>
+  <style data-rrid=\\"15\\">body { margin: 0px; }p { color: red; }body &gt; p { color: yellow; }</style>
+</head><body data-rrid=\\"18\\">
+</body></html>"
+`;
diff --git a/test/html/form-fields.html b/test/html/form-fields.html
index 6eef3544..50778d60 100644
--- a/test/html/form-fields.html
+++ b/test/html/form-fields.html
@@ -39,41 +39,3 @@
 </script>
 
 </html>
-
-<!-- TEST_DIVIDER -->
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>form fields</title>
-</head>
-
-<body>
-  <form>
-    <label for="text">
-      <input type="text" value="1">
-    </label>
-    <label for="radio">
-      <input type="radio" checked="">
-    </label>
-    <label for="checkbox">
-      <input type="checkbox" checked="">
-    </label>
-    <label for="textarea">
-      <textarea name="" id="" cols="30" rows="10">1234</textarea>
-    </label>
-    <label for="select">
-      <select name="" id="" value="2">
-        <option value="1">1</option>
-        <option value="2" selected>2</option>
-      </select>
-    </label>
-  </form>
-</body>
-<noscript></noscript>
-
-</html>
\ No newline at end of file
diff --git a/test/html/invalid-attribute.html b/test/html/invalid-attribute.html
index 6fa84ad4..e2428e28 100644
--- a/test/html/invalid-attribute.html
+++ b/test/html/invalid-attribute.html
@@ -1,9 +1,3 @@
 <html foo='bar' ''>
 
 </html>
-
-<!-- TEST_DIVIDER -->
-
-<html foo='bar'>
-
-</html>
\ No newline at end of file
diff --git a/test/html/with-script.html b/test/html/with-script.html
index d7271338..b4812e96 100644
--- a/test/html/with-script.html
+++ b/test/html/with-script.html
@@ -16,22 +16,3 @@
 </body>
 
 </html>
-
-<!-- TEST_DIVIDER -->
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>with script</title>
-</head>
-
-<body>
-  <noscript src="/js/a.js"></noscript>
-  <noscript></noscript>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/test/html/with-style-sheet.html b/test/html/with-style-sheet.html
index 9ba3c5e4..2083dae9 100644
--- a/test/html/with-style-sheet.html
+++ b/test/html/with-style-sheet.html
@@ -14,22 +14,3 @@
 </body>
 
 </html>
-
-<!-- TEST_DIVIDER -->
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>with style sheet</title>
-  <style>body { margin: 0px; }p { color: red; }body > p { color: yellow; }</style>
-</head>
-
-<body>
-
-</body>
-
-</html>
\ No newline at end of file
diff --git a/test/integration.ts b/test/integration.ts
index 13647cc8..861c6580 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -6,23 +6,15 @@ import 'mocha';
 import * as puppeteer from 'puppeteer';
 import * as rollup from 'rollup';
 import typescript = require('rollup-plugin-typescript');
-import { expect } from 'chai';
+import { assert } from 'chai';
+import { SnapshotState, toMatchSnapshot } from 'jest-snapshot';
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map(filePath => {
   const raw = fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8');
-  if (/<!-- TEST_DIVIDER -->/.test(raw)) {
-    const [src, dest] = raw.split('<!-- TEST_DIVIDER -->');
-    return {
-      filePath,
-      src,
-      dest,
-    };
-  }
   return {
     filePath,
     src: raw,
-    dest: raw,
   };
 });
 
@@ -60,6 +52,20 @@ const server = () =>
     });
   });
 
+function matchSnapshot(actual: string, testFile: string, testTitle: string) {
+  const snapshotState = new SnapshotState(testFile, {
+    updateSnapshot: process.env.SNAPSHOT_UPDATE ? 'all' : 'new',
+  });
+
+  const matcher = toMatchSnapshot.bind({
+    snapshotState,
+    currentTestName: testTitle,
+  });
+  const result = matcher(actual);
+  snapshotState.save();
+  return result;
+}
+
 describe('integration tests', () => {
   before(async () => {
     this.server = await server();
@@ -85,29 +91,21 @@ describe('integration tests', () => {
   });
 
   for (const html of htmls.slice(0, 10)) {
-    it('[html file]: ' + html.filePath, async () => {
+    const title = '[html file]: ' + html.filePath;
+    it(title, async () => {
       const page: puppeteer.Page = await this.browser.newPage();
       // console for debug
       // tslint:disable-next-line: no-console
       page.on('console', msg => console.log(msg.text()));
       await page.goto(`http://localhost:3030/html`);
       await page.setContent(html.src);
-      await page.evaluate(() => {
-        const x = new XMLSerializer();
-        return x.serializeToString(document);
-      });
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
-        x.serializeToString(rrweb.rebuild(snap)[0]);
+        x.serializeToString(rrweb.rebuild(snap));
       `)).replace(/\n\n/g, '');
-      await page.goto(`http://localhost:3030/html`);
-      await page.setContent(html.dest);
-      const destHtml = (await page.evaluate(() => {
-        const x = new XMLSerializer();
-        return x.serializeToString(document);
-      })).replace(/\n\n/g, '');
-      expect(rebuildHtml).to.equal(destHtml);
+      const result = matchSnapshot(rebuildHtml, __filename, title);
+      assert(result.pass, result.pass ? '' : result.report());
     }).timeout(5000);
   }
 });

From e7753e1c24ab62b2ddbee1fe6d7e5fe3e8012d87 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 019/345] change relative path into absolute path

---
 README.md                              |  5 ----
 src/snapshot.ts                        | 38 ++++++++++++++++++++++++--
 test/__snapshots__/integration.ts.snap | 18 ++++++++++--
 test/css/style.css                     |  2 ++
 test/html/with-relative-res.html       | 13 +++++++++
 5 files changed, 66 insertions(+), 10 deletions(-)
 create mode 100644 test/html/with-relative-res.html

diff --git a/README.md b/README.md
index d61b9f71..854d85b9 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,3 @@
 
 Snapshot the DOM into a stateful and serializable data structure.
 Also provide the ability to rebuild the DOM via snapshot.
-
-## TODO
-
-- [ ] Replace any url in css rules into absolute path.
-- [ ] Select a suitable build strategy.
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 04eddcf3..e4527e92 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -28,6 +28,35 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
   }
 }
 
+const URL_IN_CSS_REF = /url\((['"])([^'"]*)\1\)/gm;
+function absoluteToStylesheet(cssText: string, href: string): string {
+  return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
+    const stack = href.split('/');
+    const parts = filePath.split('/');
+    stack.pop();
+    for (const part of parts) {
+      if (part === '.') {
+        continue;
+      } else if (part === '..') {
+        stack.pop();
+      } else {
+        stack.push(part);
+      }
+    }
+    return `url('${stack.join('/')}')`;
+  });
+}
+
+const RELATIVE_PATH = /^(\.\.|\.|)\//;
+function absoluteToDoc(doc: Document, attributeValue: string): string {
+  if (!RELATIVE_PATH.test(attributeValue)) {
+    return attributeValue;
+  }
+  const a: HTMLAnchorElement = document.createElement('a');
+  a.href = attributeValue;
+  return a.href;
+}
+
 function serializeNode(n: Node, doc: Document): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -46,7 +75,12 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
       const tagName = (n as HTMLElement).tagName.toLowerCase();
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
-        attributes[name] = value;
+        // relative path in attribute
+        if (name === 'src' || name === 'href') {
+          attributes[name] = absoluteToDoc(doc, value);
+        } else {
+          attributes[name] = value;
+        }
       }
       // remote css
       if (tagName === 'link') {
@@ -56,7 +90,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         const cssText = getCssRulesString(stylesheet as CSSStyleSheet);
         if (cssText) {
           attributes = {
-            _cssText: cssText,
+            _cssText: absoluteToStylesheet(cssText, stylesheet!.href!),
           };
         }
       }
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 6aba1b5e..45ae353e 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -96,7 +96,7 @@ exports[`[html file]: iframe.html 1`] = `
   <title data-rrid=\\"12\\">iframe</title>
 </head>
 <body data-rrid=\\"16\\">
-  <iframe src=\\"/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\" data-rrid=\\"18\\"></iframe>
+  <iframe src=\\"http://localhost:3030/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\" data-rrid=\\"18\\"></iframe>
 </body></html>"
 `;
 
@@ -110,6 +110,18 @@ exports[`[html file]: invalid-attribute.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: with-relative-res.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
+  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
+  <title data-rrid=\\"12\\">Document</title>
+</head>
+<body data-rrid=\\"16\\">
+  <a href=\\"http://localhost:3030/basic.html\\" data-rrid=\\"18\\"></a>
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" data-rrid=\\"20\\" /></body></html>"
+`;
+
 exports[`[html file]: with-script.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
   <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
@@ -117,7 +129,7 @@ exports[`[html file]: with-script.html 1`] = `
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
   <title data-rrid=\\"12\\">with script</title>
 </head><body data-rrid=\\"16\\">
-  <noscript src=\\"/js/a.js\\" data-rrid=\\"18\\"></noscript>
+  <noscript src=\\"http://localhost:3030/js/a.js\\" data-rrid=\\"18\\"></noscript>
   <noscript data-rrid=\\"20\\"></noscript></body></html>"
 `;
 
@@ -127,7 +139,7 @@ exports[`[html file]: with-style-sheet.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
   <title data-rrid=\\"12\\">with style sheet</title>
-  <style data-rrid=\\"15\\">body { margin: 0px; }p { color: red; }body &gt; p { color: yellow; }</style>
+  <style data-rrid=\\"15\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
 </head><body data-rrid=\\"18\\">
 </body></html>"
 `;
diff --git a/test/css/style.css b/test/css/style.css
index f1be9954..fe10f55d 100644
--- a/test/css/style.css
+++ b/test/css/style.css
@@ -1,8 +1,10 @@
 body {
   margin: 0;
+  background: url('../a.jpg');
 }
 p {
   color: red;
+  background: url('./b.jpg');
 }
 body > p {
   color: yellow;
diff --git a/test/html/with-relative-res.html b/test/html/with-relative-res.html
new file mode 100644
index 00000000..9e75f035
--- /dev/null
+++ b/test/html/with-relative-res.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+<body>
+  <a href="./basic.html"></a>
+  <img src="./a.jpg" alt="" srcset="">
+</body>
+</html>
\ No newline at end of file

From 99fa24f71185312d144e9cfd4fc2b4cdbee51e82 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 020/345] bump 0.3.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 119a44c0..da1d93dc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From 875385552d4bf6e7db02666f710ab0981525f829 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 021/345] impl the extra child data attribute to align id map

---
 src/rebuild.ts                         | 9 +++++++++
 src/snapshot.ts                        | 4 ++--
 test/__snapshots__/integration.ts.snap | 8 ++++----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 223e3be8..4e61283e 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -24,6 +24,7 @@ function buildNode(n: serializedNodeWithId): Node | null {
     case NodeType.Element:
       const tagName = getTagName(n);
       const node = document.createElement(tagName);
+      const extraChildIndexes: number[] = [];
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
           let value = n.attributes[name];
@@ -32,6 +33,8 @@ function buildNode(n: serializedNodeWithId): Node | null {
           const isRemoteCss = tagName === 'style' && name === '_cssText';
           if (isTextarea || isRemoteCss) {
             const child = document.createTextNode(value);
+            // identify the extra child DOM we added when rebuild
+            extraChildIndexes.push(node.childNodes.length);
             node.appendChild(child);
             continue;
           }
@@ -42,6 +45,12 @@ function buildNode(n: serializedNodeWithId): Node | null {
           }
         }
       }
+      if (extraChildIndexes.length) {
+        node.setAttribute(
+          'data-extra-child-index',
+          JSON.stringify(extraChildIndexes),
+        );
+      }
       return node;
     case NodeType.Text:
       return document.createTextNode(n.textContent);
diff --git a/src/snapshot.ts b/src/snapshot.ts
index e4527e92..fa3aea8c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -52,7 +52,7 @@ function absoluteToDoc(doc: Document, attributeValue: string): string {
   if (!RELATIVE_PATH.test(attributeValue)) {
     return attributeValue;
   }
-  const a: HTMLAnchorElement = document.createElement('a');
+  const a: HTMLAnchorElement = doc.createElement('a');
   a.href = attributeValue;
   return a.href;
 }
@@ -130,7 +130,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         n.parentNode && (n.parentNode as HTMLElement).tagName;
       let textContent = (n as Text).textContent;
       if (parentTagName === 'SCRIPT') {
-        textContent = '';
+        textContent = 'SCRIPT_PLACEHOLDER';
       }
       return {
         type: NodeType.Text,
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 45ae353e..87f1446e 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -76,7 +76,7 @@ exports[`[html file]: form-fields.html 1`] = `
       <input type=\\"checkbox\\" checked=\\"\\" data-rrid=\\"32\\" />
     </label>
     <label for=\\"textarea\\" data-rrid=\\"35\\">
-      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" data-rrid=\\"37\\">1234</textarea>
+      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" data-extra-child-index=\\"[0]\\" data-rrid=\\"37\\">1234</textarea>
     </label>
     <label for=\\"select\\" data-rrid=\\"40\\">
       <select name=\\"\\" id=\\"\\" value=\\"2\\" data-rrid=\\"42\\">
@@ -84,7 +84,7 @@ exports[`[html file]: form-fields.html 1`] = `
         <option value=\\"2\\" selected=\\"\\" data-rrid=\\"47\\">2</option>
       </select>
     </label>
-  </form><noscript data-rrid=\\"53\\"></noscript>
+  </form><noscript data-rrid=\\"53\\">SCRIPT_PLACEHOLDER</noscript>
 </body></html>"
 `;
 
@@ -130,7 +130,7 @@ exports[`[html file]: with-script.html 1`] = `
   <title data-rrid=\\"12\\">with script</title>
 </head><body data-rrid=\\"16\\">
   <noscript src=\\"http://localhost:3030/js/a.js\\" data-rrid=\\"18\\"></noscript>
-  <noscript data-rrid=\\"20\\"></noscript></body></html>"
+  <noscript data-rrid=\\"20\\">SCRIPT_PLACEHOLDER</noscript></body></html>"
 `;
 
 exports[`[html file]: with-style-sheet.html 1`] = `
@@ -139,7 +139,7 @@ exports[`[html file]: with-style-sheet.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
   <title data-rrid=\\"12\\">with style sheet</title>
-  <style data-rrid=\\"15\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+  <style data-extra-child-index=\\"[0]\\" data-rrid=\\"15\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
 </head><body data-rrid=\\"18\\">
 </body></html>"
 `;

From f3b456270b9df6c236a0e949cf67ae9ad335339d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 022/345] update README and add travis

---
 .travis.yml         | 14 ++++++++++++++
 README.md           | 32 ++++++++++++++++++++++++++++++++
 test/integration.ts |  1 -
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 .travis.yml

diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 00000000..55653dd1
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,14 @@
+language: node_js
+
+node_js:
+  - 10
+
+cache:
+  directories:
+    - 'node_modules'
+
+install:
+  - npm install
+
+script:
+  - npm test
diff --git a/README.md b/README.md
index 854d85b9..1dcd2ada 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,36 @@
 # rrweb-snapshot
 
+[![Build Status](https://travis-ci.org/rrweb-io/rrweb-snapshot.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb-snapshot)
+
 Snapshot the DOM into a stateful and serializable data structure.
 Also provide the ability to rebuild the DOM via snapshot.
+
+## API
+
+This module export 3 methods:
+
+### snapshot
+
+`snapshot` will traverse the DOM and return a stateful and serializable data structure which can represent the current DOM **view**.
+
+There are serveral things will be done during snapshot:
+
+1. Inline some DOM states into HTML attributes, e.g, HTMLInputElement's value.
+2. Turn script tags into noscript tags to avoid scripts being executed.
+3. Try to inline stylesheets to make sure local stylesheets can be used.
+4. Make relative paths in href, src, css to be absolute paths.
+5. Give a id to each Node, and return the id node map when snapshot finished.
+
+#### rebuild
+
+`rebuild` will build the DOM according to the taken snapshot.
+
+There are serveral things will be done during rebuild:
+
+1. Add data-rrid attribute if Node is an Element.
+2. Create some extra DOM node like text node to place inline css and some states.
+3. Add data-extra-child-index attribute if Node has some extra child DOM.
+
+#### serializeNodeWithId
+
+`serializeNodeWithId` can serialize a node into snapshot format with id.
diff --git a/test/integration.ts b/test/integration.ts
index 861c6580..700469f2 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -71,7 +71,6 @@ describe('integration tests', () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
       // headless: false,
-      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
     });
 
     const bundle = await rollup.rollup({

From fe174248e1d1da7d7641a0f59e2cec07ea3428f7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 023/345] bump 0.4.0

---
 .travis.yml  | 4 ----
 package.json | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 55653dd1..26cef21f 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -3,10 +3,6 @@ language: node_js
 node_js:
   - 10
 
-cache:
-  directories:
-    - 'node_modules'
-
 install:
   - npm install
 
diff --git a/package.json b/package.json
index da1d93dc..57db3613 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From 14dac7c0cc155c70e6adf08bcf835cc191c21b03 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 024/345] fix npm package files and bump version

---
 package.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 57db3613..6f32f4e4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",
@@ -18,7 +18,9 @@
     "DOM"
   ],
   "files": [
-    "dist"
+    "dist",
+    "index.d.ts",
+    "src/types.ts"
   ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",

From bbf23157c52e2f177d8580383c31287ccc2bd955 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 025/345] export reset id function

---
 index.d.ts      | 1 +
 package.json    | 2 +-
 src/index.ts    | 4 ++--
 src/snapshot.ts | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 85dc9653..bfd03d96 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -8,3 +8,4 @@ export function serializeNodeWithId(
   doc: Document,
   map: idNodeMap,
 ): serializedNodeWithId | null;
+export function resetId(): void;
diff --git a/package.json b/package.json
index 6f32f4e4..6f56531c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",
diff --git a/src/index.ts b/src/index.ts
index fd969465..cba7b499 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
-import snapshot, { serializeNodeWithId } from './snapshot';
+import snapshot, { serializeNodeWithId, resetId } from './snapshot';
 import rebuild from './rebuild';
 export * from './types';
 
-export { snapshot, serializeNodeWithId, rebuild };
+export { snapshot, serializeNodeWithId, resetId, rebuild };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index fa3aea8c..c948fa14 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -13,7 +13,7 @@ function genId(): number {
   return _id++;
 }
 
-function resetId() {
+export function resetId() {
   _id = 1;
 }
 

From 349d78e02b01dd0e720eb5cd65ca21b8dbb18881 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 026/345] fix style content url normalizer and add some tests

---
 package.json          |  2 +-
 src/snapshot.ts       | 22 +++++++++++++++++++++-
 test/snapshot.test.ts | 31 +++++++++++++++++++++++++++++++
 3 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 test/snapshot.test.ts

diff --git a/package.json b/package.json
index 6f56531c..04fde37f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",
diff --git a/src/snapshot.ts b/src/snapshot.ts
index c948fa14..5674e86d 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -28,9 +28,29 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
   }
 }
 
+function extractOrigin(url: string): string {
+  let origin;
+  if (url.indexOf('//') > -1) {
+    origin = url
+      .split('/')
+      .slice(0, 3)
+      .join('/');
+  } else {
+    origin = url.split('/')[0];
+  }
+  origin = origin.split('?')[0];
+  return origin;
+}
+
 const URL_IN_CSS_REF = /url\((['"])([^'"]*)\1\)/gm;
-function absoluteToStylesheet(cssText: string, href: string): string {
+export function absoluteToStylesheet(cssText: string, href: string): string {
   return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
+    if (!/^[./]/.test(filePath)) {
+      return `url('${filePath}')`;
+    }
+    if (filePath[0] === '/') {
+      return `url('${extractOrigin(href) + filePath}')`;
+    }
     const stack = href.split('/');
     const parts = filePath.split('/');
     stack.pop();
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
new file mode 100644
index 00000000..0720f120
--- /dev/null
+++ b/test/snapshot.test.ts
@@ -0,0 +1,31 @@
+import 'mocha';
+import { expect } from 'chai';
+import { absoluteToStylesheet } from '../src/snapshot';
+
+describe('absolute url to stylesheet', () => {
+  const href = 'http://localhost/css/style.css';
+
+  it('can handle same level path', () => {
+    expect(absoluteToStylesheet('url("./a.jpg")', href)).to.equal(
+      `url('http://localhost/css/a.jpg')`,
+    );
+  });
+
+  it('can handle parent level path', () => {
+    expect(absoluteToStylesheet('url("../a.jpg")', href)).to.equal(
+      `url('http://localhost/a.jpg')`,
+    );
+  });
+
+  it('can handle absolute path', () => {
+    expect(absoluteToStylesheet('url("/a.jpg")', href)).to.equal(
+      `url('http://localhost/a.jpg')`,
+    );
+  });
+
+  it('can handle external path', () => {
+    expect(
+      absoluteToStylesheet('url("http://localhost/a.jpg")', href),
+    ).to.equal(`url('http://localhost/a.jpg')`);
+  });
+});

From 19eca4da6da82b4455f0e0226fc0b8370abe2fc8 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 027/345] use document object from params instead of the one in
 the current scope

---
 index.d.ts          |  2 +-
 src/rebuild.ts      | 22 +++++++++++-----------
 test/integration.ts |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index bfd03d96..9f2eda37 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -2,7 +2,7 @@ import { serializedNodeWithId, idNodeMap } from './src/types';
 export * from './src/types';
 
 export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
-export function rebuild(n: serializedNodeWithId): Node | null;
+export function rebuild(n: serializedNodeWithId, doc: Document): Node | null;
 export function serializeNodeWithId(
   n: Node,
   doc: Document,
diff --git a/src/rebuild.ts b/src/rebuild.ts
index 4e61283e..c53cf72b 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -11,19 +11,19 @@ function getTagName(n: elementNode): string {
   return tagName;
 }
 
-function buildNode(n: serializedNodeWithId): Node | null {
+function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
   switch (n.type) {
     case NodeType.Document:
-      return document.implementation.createDocument(null, '', null);
+      return doc.implementation.createDocument(null, '', null);
     case NodeType.DocumentType:
-      return document.implementation.createDocumentType(
+      return doc.implementation.createDocumentType(
         n.name,
         n.publicId,
         n.systemId,
       );
     case NodeType.Element:
       const tagName = getTagName(n);
-      const node = document.createElement(tagName);
+      const node = doc.createElement(tagName);
       const extraChildIndexes: number[] = [];
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
@@ -32,7 +32,7 @@ function buildNode(n: serializedNodeWithId): Node | null {
           const isTextarea = tagName === 'textarea' && name === 'value';
           const isRemoteCss = tagName === 'style' && name === '_cssText';
           if (isTextarea || isRemoteCss) {
-            const child = document.createTextNode(value);
+            const child = doc.createTextNode(value);
             // identify the extra child DOM we added when rebuild
             extraChildIndexes.push(node.childNodes.length);
             node.appendChild(child);
@@ -53,18 +53,18 @@ function buildNode(n: serializedNodeWithId): Node | null {
       }
       return node;
     case NodeType.Text:
-      return document.createTextNode(n.textContent);
+      return doc.createTextNode(n.textContent);
     case NodeType.CDATA:
-      return document.createCDATASection(n.textContent);
+      return doc.createCDATASection(n.textContent);
     case NodeType.Comment:
-      return document.createComment(n.textContent);
+      return doc.createComment(n.textContent);
     default:
       return null;
   }
 }
 
-function rebuild(n: serializedNodeWithId): Node | null {
-  const root = buildNode(n);
+function rebuild(n: serializedNodeWithId, doc: Document): Node | null {
+  const root = buildNode(n, doc);
   if (!root) {
     return null;
   }
@@ -73,7 +73,7 @@ function rebuild(n: serializedNodeWithId): Node | null {
   }
   if (n.type === NodeType.Document || n.type === NodeType.Element) {
     for (const childN of n.childNodes) {
-      const childNode = rebuild(childN);
+      const childNode = rebuild(childN, doc);
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
diff --git a/test/integration.ts b/test/integration.ts
index 700469f2..d2a74aca 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -101,7 +101,7 @@ describe('integration tests', () => {
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
-        x.serializeToString(rrweb.rebuild(snap));
+        x.serializeToString(rrweb.rebuild(snap, document));
       `)).replace(/\n\n/g, '');
       const result = matchSnapshot(rebuildHtml, __filename, title);
       assert(result.pass, result.pass ? '' : result.report());

From 9a4c21c30fb828570b6ca66a03ec16fdfed02975 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 028/345] refactor rebuild implementation which mount DOM onto
 the target document object

---
 index.d.ts                             |  12 +-
 package.json                           |   2 +-
 src/index.ts                           |   4 +-
 src/rebuild.ts                         | 156 +++++++++++++++++++++----
 src/snapshot.ts                        |  16 +--
 test/__snapshots__/integration.ts.snap | 154 ++++++++++++------------
 test/integration.ts                    |   3 +-
 7 files changed, 230 insertions(+), 117 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 9f2eda37..21a07000 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,11 +1,19 @@
-import { serializedNodeWithId, idNodeMap } from './src/types';
+import { serializedNodeWithId, idNodeMap, INode } from './src/types';
 export * from './src/types';
 
 export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
-export function rebuild(n: serializedNodeWithId, doc: Document): Node | null;
+export function rebuild(
+  n: serializedNodeWithId,
+  doc: Document,
+): [Node | null, idNodeMap];
 export function serializeNodeWithId(
   n: Node,
   doc: Document,
   map: idNodeMap,
 ): serializedNodeWithId | null;
 export function resetId(): void;
+export function buildNodeWithSN(
+  n: serializedNodeWithId,
+  doc: Document,
+  map: idNodeMap,
+): INode | null;
diff --git a/package.json b/package.json
index 04fde37f..e0eceea0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.4.4",
+  "version": "0.5.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",
diff --git a/src/index.ts b/src/index.ts
index cba7b499..f3238ea2 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
 import snapshot, { serializeNodeWithId, resetId } from './snapshot';
-import rebuild from './rebuild';
+import rebuild, { buildNodeWithSN } from './rebuild';
 export * from './types';
 
-export { snapshot, serializeNodeWithId, resetId, rebuild };
+export { snapshot, serializeNodeWithId, resetId, rebuild, buildNodeWithSN };
diff --git a/src/rebuild.ts b/src/rebuild.ts
index c53cf72b..c995b6cc 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -1,4 +1,108 @@
-import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
+import {
+  serializedNodeWithId,
+  NodeType,
+  tagMap,
+  elementNode,
+  idNodeMap,
+  INode,
+} from './types';
+
+// TODO: need a more accurate list
+const svgTags = [
+  'altGlyph',
+  'altGlyphDef',
+  'altGlyphItem',
+  'animate',
+  'animateColor',
+  'animateMotion',
+  'animateTransform',
+  'animation',
+  'circle',
+  'clipPath',
+  'color-profile',
+  'cursor',
+  'defs',
+  'desc',
+  'discard',
+  'ellipse',
+  'feBlend',
+  'feColorMatrix',
+  'feComponentTransfer',
+  'feComposite',
+  'feConvolveMatrix',
+  'feDiffuseLighting',
+  'feDisplacementMap',
+  'feDistantLight',
+  'feDropShadow',
+  'feFlood',
+  'feFuncA',
+  'feFuncB',
+  'feFuncG',
+  'feFuncR',
+  'feGaussianBlur',
+  'feImage',
+  'feMerge',
+  'feMergeNode',
+  'feMorphology',
+  'feOffset',
+  'fePointLight',
+  'feSpecularLighting',
+  'feSpotLight',
+  'feTile',
+  'feTurbulence',
+  'filter',
+  'font',
+  'font-face',
+  'font-face-format',
+  'font-face-name',
+  'font-face-src',
+  'font-face-uri',
+  'foreignObject',
+  'g',
+  'glyph',
+  'glyphRef',
+  'handler',
+  'hatch',
+  'hatchpath',
+  'hkern',
+  'image',
+  'line',
+  'linearGradient',
+  'listener',
+  'marker',
+  'mask',
+  'mesh',
+  'meshgradient',
+  'meshpatch',
+  'meshrow',
+  'metadata',
+  'missing-glyph',
+  'mpath',
+  'path',
+  'pattern',
+  'polygon',
+  'polyline',
+  'prefetch',
+  'radialGradient',
+  'rect',
+  'set',
+  'solidColor',
+  'solidcolor',
+  'stop',
+  'svg',
+  'switch',
+  'symbol',
+  'tbreak',
+  'text',
+  'textArea',
+  'textPath',
+  'tref',
+  'tspan',
+  'unknown',
+  'use',
+  'view',
+  'vkern',
+];
 
 const tagMap: tagMap = {
   script: 'noscript',
@@ -23,8 +127,12 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
       );
     case NodeType.Element:
       const tagName = getTagName(n);
-      const node = doc.createElement(tagName);
-      const extraChildIndexes: number[] = [];
+      let node: Element;
+      if (svgTags.indexOf(tagName) < 0) {
+        node = doc.createElement(tagName);
+      } else {
+        node = doc.createElementNS('http://www.w3.org/2000/svg', tagName);
+      }
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
           let value = n.attributes[name];
@@ -33,10 +141,7 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           const isRemoteCss = tagName === 'style' && name === '_cssText';
           if (isTextarea || isRemoteCss) {
             const child = doc.createTextNode(value);
-            // identify the extra child DOM we added when rebuild
-            extraChildIndexes.push(node.childNodes.length);
             node.appendChild(child);
-            continue;
           }
           try {
             node.setAttribute(name, value);
@@ -45,12 +150,6 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           }
         }
       }
-      if (extraChildIndexes.length) {
-        node.setAttribute(
-          'data-extra-child-index',
-          JSON.stringify(extraChildIndexes),
-        );
-      }
       return node;
     case NodeType.Text:
       return doc.createTextNode(n.textContent);
@@ -63,25 +162,42 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
   }
 }
 
-function rebuild(n: serializedNodeWithId, doc: Document): Node | null {
-  const root = buildNode(n, doc);
-  if (!root) {
+export function buildNodeWithSN(
+  n: serializedNodeWithId,
+  doc: Document,
+  map: idNodeMap,
+): INode | null {
+  let node = buildNode(n, doc);
+  if (!node) {
     return null;
   }
-  if (n.type === NodeType.Element) {
-    (root as HTMLElement).setAttribute('data-rrid', String(n.id));
+  // use target document as root document
+  if (n.type === NodeType.Document) {
+    doc.open();
+    node = doc;
   }
+
+  (node as INode).__sn = n;
+  map[n.id] = node as INode;
   if (n.type === NodeType.Document || n.type === NodeType.Element) {
     for (const childN of n.childNodes) {
-      const childNode = rebuild(childN, doc);
+      const childNode = buildNodeWithSN(childN, doc, map);
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
-        root.appendChild(childNode);
+        node.appendChild(childNode);
       }
     }
   }
-  return root;
+  return node as INode;
+}
+
+function rebuild(
+  n: serializedNodeWithId,
+  doc: Document,
+): [Node | null, idNodeMap] {
+  const idNodeMap: idNodeMap = {};
+  return [buildNodeWithSN(n, doc, idNodeMap), idNodeMap];
 }
 
 export default rebuild;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 5674e86d..d141b35b 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -187,24 +187,12 @@ export function serializeNodeWithId(
   });
   (n as INode).__sn = serializedNode;
   map[serializedNode.id] = n as INode;
-  return serializedNode;
-}
-
-function _snapshot(
-  n: Node,
-  doc: Document,
-  map: idNodeMap,
-): serializedNodeWithId | null {
-  const serializedNode = serializeNodeWithId(n, doc, map);
-  if (!serializedNode) {
-    return null;
-  }
   if (
     serializedNode.type === NodeType.Document ||
     serializedNode.type === NodeType.Element
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      const serializedChildNode = _snapshot(childN, doc, map);
+      const serializedChildNode = serializeNodeWithId(childN, doc, map);
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
@@ -216,7 +204,7 @@ function _snapshot(
 function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap] {
   resetId();
   const idNodeMap: idNodeMap = {};
-  return [_snapshot(n, n, idNodeMap), idNodeMap];
+  return [serializeNodeWithId(n, n, idNodeMap), idNodeMap];
 }
 
 export default snapshot;
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 87f1446e..f2213003 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`[html file]: about-mozilla.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <title data-rrid=\\"6\\">The Book of Mozilla, 11:9</title>
-  <style type=\\"text/css\\" data-rrid=\\"9\\">
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head>
+  <title>The Book of Mozilla, 11:9</title>
+  <style type=\\"text/css\\">
     html {
       background: maroon;
       color: white;
@@ -26,120 +26,120 @@ exports[`[html file]: about-mozilla.html 1`] = `
       color: white;
     }
   </style>
-</head><body data-rrid=\\"13\\">  <p id=\\"moztext\\" data-rrid=\\"15\\">
-    Mammon slept. And the <em data-rrid=\\"17\\">beast reborn</em> spread over the earth and its numbers
-    grew legion. And they proclaimed the times and <em data-rrid=\\"20\\">sacrificed</em> crops unto the
-    fire, with the <em data-rrid=\\"23\\">cunning of foxes</em>. And they built a new world in their own
-    image as promised by the <em data-rrid=\\"26\\"><a href=\\"http://www.mozilla.org/about/mozilla-manifesto.html\\" data-rrid=\\"27\\">
-        sacred words</a></em>, and <em data-rrid=\\"30\\"><a href=\\"http://wiki.mozilla.org/About:mozilla\\" data-rrid=\\"31\\">spoke
+</head><body>  <p id=\\"moztext\\">
+    Mammon slept. And the <em>beast reborn</em> spread over the earth and its numbers
+    grew legion. And they proclaimed the times and <em>sacrificed</em> crops unto the
+    fire, with the <em>cunning of foxes</em>. And they built a new world in their own
+    image as promised by the <em><a href=\\"http://www.mozilla.org/about/mozilla-manifesto.html\\">
+        sacred words</a></em>, and <em><a href=\\"http://wiki.mozilla.org/About:mozilla\\">spoke
       </a></em> of the beast with their children. Mammon awoke, and lo! it was
-    <em data-rrid=\\"34\\">naught</em> but a follower.
-  </p>  <p id=\\"from\\" data-rrid=\\"38\\">
-    from <strong data-rrid=\\"40\\">The Book of Mozilla,</strong> 11:9<br data-rrid=\\"43\\" /><small data-rrid=\\"44\\">(10th Edition)</small>
+    <em>naught</em> but a follower.
+  </p>  <p id=\\"from\\">
+    from <strong>The Book of Mozilla,</strong> 11:9<br /><small>(10th Edition)</small>
   </p></body></html>"
 `;
 
 exports[`[html file]: basic.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">Document</title>
-</head><body data-rrid=\\"16\\"></body></html>"
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>Document</title>
+</head><body></body></html>"
 `;
 
 exports[`[html file]: cors-style-sheet.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">with style sheet</title>
-  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css\\" data-rrid=\\"15\\" />
-</head><body data-rrid=\\"18\\"></body></html>"
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>with style sheet</title>
+  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css\\" />
+</head><body></body></html>"
 `;
 
 exports[`[html file]: form-fields.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">form fields</title>
-</head><body data-rrid=\\"16\\">
-  <form data-rrid=\\"18\\">
-    <label for=\\"text\\" data-rrid=\\"20\\">
-      <input type=\\"text\\" value=\\"1\\" data-rrid=\\"22\\" />
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>form fields</title>
+</head><body>
+  <form>
+    <label for=\\"text\\">
+      <input type=\\"text\\" value=\\"1\\" />
     </label>
-    <label for=\\"radio\\" data-rrid=\\"25\\">
-      <input type=\\"radio\\" checked=\\"\\" data-rrid=\\"27\\" />
+    <label for=\\"radio\\">
+      <input type=\\"radio\\" checked=\\"\\" />
     </label>
-    <label for=\\"checkbox\\" data-rrid=\\"30\\">
-      <input type=\\"checkbox\\" checked=\\"\\" data-rrid=\\"32\\" />
+    <label for=\\"checkbox\\">
+      <input type=\\"checkbox\\" checked=\\"\\" />
     </label>
-    <label for=\\"textarea\\" data-rrid=\\"35\\">
-      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" data-extra-child-index=\\"[0]\\" data-rrid=\\"37\\">1234</textarea>
+    <label for=\\"textarea\\">
+      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" value=\\"1234\\">1234</textarea>
     </label>
-    <label for=\\"select\\" data-rrid=\\"40\\">
-      <select name=\\"\\" id=\\"\\" value=\\"2\\" data-rrid=\\"42\\">
-        <option value=\\"1\\" data-rrid=\\"44\\">1</option>
-        <option value=\\"2\\" selected=\\"\\" data-rrid=\\"47\\">2</option>
+    <label for=\\"select\\">
+      <select name=\\"\\" id=\\"\\" value=\\"2\\">
+        <option value=\\"1\\">1</option>
+        <option value=\\"2\\" selected=\\"\\">2</option>
       </select>
     </label>
-  </form><noscript data-rrid=\\"53\\">SCRIPT_PLACEHOLDER</noscript>
+  </form><noscript>SCRIPT_PLACEHOLDER</noscript>
 </body></html>"
 `;
 
 exports[`[html file]: iframe.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">iframe</title>
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>iframe</title>
 </head>
-<body data-rrid=\\"16\\">
-  <iframe src=\\"http://localhost:3030/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\" data-rrid=\\"18\\"></iframe>
+<body>
+  <iframe src=\\"http://localhost:3030/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\"></iframe>
 </body></html>"
 `;
 
 exports[`[html file]: iframe-inner.html 1`] = `
-"<html xmlns=\\"http://www.w3.org/1999/xhtml\\" data-rrid=\\"2\\"><head data-rrid=\\"3\\"></head><body data-rrid=\\"4\\"><button data-rrid=\\"5\\">inner iframe button</button>
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body><button>inner iframe button</button>
 </body></html>"
 `;
 
 exports[`[html file]: invalid-attribute.html 1`] = `
-"<html xmlns=\\"http://www.w3.org/1999/xhtml\\" foo=\\"bar\\" data-rrid=\\"2\\"><head data-rrid=\\"3\\"></head><body data-rrid=\\"4\\">
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\" foo=\\"bar\\"><head></head><body>
 </body></html>"
 `;
 
 exports[`[html file]: with-relative-res.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">Document</title>
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>Document</title>
 </head>
-<body data-rrid=\\"16\\">
-  <a href=\\"http://localhost:3030/basic.html\\" data-rrid=\\"18\\"></a>
-  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" data-rrid=\\"20\\" /></body></html>"
+<body>
+  <a href=\\"http://localhost:3030/basic.html\\"></a>
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" /></body></html>"
 `;
 
 exports[`[html file]: with-script.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">with script</title>
-</head><body data-rrid=\\"16\\">
-  <noscript src=\\"http://localhost:3030/js/a.js\\" data-rrid=\\"18\\"></noscript>
-  <noscript data-rrid=\\"20\\">SCRIPT_PLACEHOLDER</noscript></body></html>"
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>with script</title>
+</head><body>
+  <noscript src=\\"http://localhost:3030/js/a.js\\"></noscript>
+  <noscript>SCRIPT_PLACEHOLDER</noscript></body></html>"
 `;
 
 exports[`[html file]: with-style-sheet.html 1`] = `
-"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\" data-rrid=\\"3\\"><head data-rrid=\\"4\\">
-  <meta charset=\\"UTF-8\\" data-rrid=\\"6\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" data-rrid=\\"8\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" data-rrid=\\"10\\" />
-  <title data-rrid=\\"12\\">with style sheet</title>
-  <style data-extra-child-index=\\"[0]\\" data-rrid=\\"15\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
-</head><body data-rrid=\\"18\\">
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>with style sheet</title>
+  <style _csstext=\\"body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+</head><body>
 </body></html>"
 `;
diff --git a/test/integration.ts b/test/integration.ts
index d2a74aca..f668b625 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -70,6 +70,7 @@ describe('integration tests', () => {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
+      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
       // headless: false,
     });
 
@@ -101,7 +102,7 @@ describe('integration tests', () => {
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
-        x.serializeToString(rrweb.rebuild(snap, document));
+        x.serializeToString(rrweb.rebuild(snap, document)[0]);
       `)).replace(/\n\n/g, '');
       const result = matchSnapshot(rebuildHtml, __filename, title);
       assert(result.pass, result.pass ? '' : result.report());

From 6e786f0101b31e7c830a914b711cb1272f82bd12 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 029/345] bump 0.5.2

---
 README.md    | 6 +++++-
 package.json | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1dcd2ada..9c46dd60 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@ Also provide the ability to rebuild the DOM via snapshot.
 
 ## API
 
-This module export 3 methods:
+This module export following methods:
 
 ### snapshot
 
@@ -34,3 +34,7 @@ There are serveral things will be done during rebuild:
 #### serializeNodeWithId
 
 `serializeNodeWithId` can serialize a node into snapshot format with id.
+
+#### buildNodeWithSN
+
+`buildNodeWithSN` will build DOM from serialized node and store serialized information in `__sn` property.
diff --git a/package.json b/package.json
index e0eceea0..982d4b1e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From 9ff0ab94512e2fc0d686da71b5c3e766b4c7aa1b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 030/345] remove local test code

---
 test/integration.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/test/integration.ts b/test/integration.ts
index f668b625..8c71101f 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -70,7 +70,6 @@ describe('integration tests', () => {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
-      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
       // headless: false,
     });
 

From b964d18ef7e2f791049072a1e859611389427088 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 031/345] allow skip child when serialize node and rebuild node

---
 index.d.ts      | 2 ++
 src/rebuild.ts  | 6 +++++-
 src/snapshot.ts | 6 ++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 21a07000..27eec303 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -10,10 +10,12 @@ export function serializeNodeWithId(
   n: Node,
   doc: Document,
   map: idNodeMap,
+  skipChild?: boolean,
 ): serializedNodeWithId | null;
 export function resetId(): void;
 export function buildNodeWithSN(
   n: serializedNodeWithId,
   doc: Document,
   map: idNodeMap,
+  skipChild?: boolean,
 ): INode | null;
diff --git a/src/rebuild.ts b/src/rebuild.ts
index c995b6cc..476ae251 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -166,6 +166,7 @@ export function buildNodeWithSN(
   n: serializedNodeWithId,
   doc: Document,
   map: idNodeMap,
+  skipChild = false,
 ): INode | null {
   let node = buildNode(n, doc);
   if (!node) {
@@ -179,7 +180,10 @@ export function buildNodeWithSN(
 
   (node as INode).__sn = n;
   map[n.id] = node as INode;
-  if (n.type === NodeType.Document || n.type === NodeType.Element) {
+  if (
+    (n.type === NodeType.Document || n.type === NodeType.Element) &&
+    !skipChild
+  ) {
     for (const childN of n.childNodes) {
       const childNode = buildNodeWithSN(childN, doc, map);
       if (!childNode) {
diff --git a/src/snapshot.ts b/src/snapshot.ts
index d141b35b..42ceaf6e 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -175,6 +175,7 @@ export function serializeNodeWithId(
   n: Node,
   doc: Document,
   map: idNodeMap,
+  skipChild = false,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(n, doc);
   if (!_serializedNode) {
@@ -188,8 +189,9 @@ export function serializeNodeWithId(
   (n as INode).__sn = serializedNode;
   map[serializedNode.id] = n as INode;
   if (
-    serializedNode.type === NodeType.Document ||
-    serializedNode.type === NodeType.Element
+    (serializedNode.type === NodeType.Document ||
+      serializedNode.type === NodeType.Element) &&
+    !skipChild
   ) {
     for (const childN of Array.from(n.childNodes)) {
       const serializedChildNode = serializeNodeWithId(childN, doc, map);

From 23eee58853a67d87976d8278e408ccbccb66f8d6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 032/345] bump 0.5.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 982d4b1e..578cbc51 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From efcbd0faf1121b18d5d966b489d43a82205947d4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 033/345] add hover class to :hover related css rules

---
 src/snapshot.ts                        | 30 +++++++++++++++++-
 test/__snapshots__/integration.ts.snap | 23 ++++++++++++++
 test/html/hover.html                   | 31 +++++++++++++++++++
 test/snapshot.test.ts                  | 42 +++++++++++++++++++++++++-
 4 files changed, 124 insertions(+), 2 deletions(-)
 create mode 100644 test/html/hover.html

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 42ceaf6e..bb4ed167 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -17,11 +17,36 @@ export function resetId() {
   _id = 1;
 }
 
+const CSS_RULE = /(([#|\.]{0,1}[a-z0-9\[\]=:]+[\s|,]*)+)\s(\{[\s\S]?[^}]*})/;
+const CSS_RULE_GLOBAL = /(([#|\.]{0,1}[a-z0-9\[\]=:]+[\s|,]*)+)\s(\{[\s\S]?[^}]*})/g;
+const HOVER_SELECTOR = /([^\\]):hover/g;
+export function addHoverClass(cssText: string): string {
+  const matches = cssText.match(CSS_RULE_GLOBAL) || [];
+  for (const match of matches) {
+    const [, selectorText = '', , rules = ''] = match.match(CSS_RULE) || [];
+    const selectors = selectorText
+      .split(',')
+      .map(selector => selector.trim())
+      .map(selector => {
+        if (HOVER_SELECTOR.test(selector)) {
+          const newSelector = selector.replace(HOVER_SELECTOR, '$1.\\:hover');
+          selector += `, ${newSelector}`;
+        }
+        return selector;
+      });
+    cssText = cssText.replace(match, selectors.join(', ') + ' ' + rules);
+  }
+  return cssText;
+}
+
 function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
     return rules
-      ? Array.from(rules).reduce((prev, cur) => (prev += cur.cssText), '')
+      ? Array.from(rules).reduce(
+          (prev, cur) => (prev += addHoverClass(cur.cssText)),
+          '',
+        )
       : null;
   } catch (error) {
     return null;
@@ -152,6 +177,9 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
       if (parentTagName === 'SCRIPT') {
         textContent = 'SCRIPT_PLACEHOLDER';
       }
+      if (parentTagName === 'STYLE') {
+        textContent = addHoverClass(textContent || '');
+      }
       return {
         type: NodeType.Text,
         textContent: textContent || '',
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index f2213003..4658b966 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -88,6 +88,29 @@ exports[`[html file]: form-fields.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: hover.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>hover selector</title>
+  <style>    div:hover, div.\\\\:hover {
+      background: orange;
+    }    div:hover::after, div.\\\\:hover::after {
+      position: absolute;
+      left: 0;
+      top: 100%;
+      content: 'dropdown';
+      width: 100px;
+      height: 200px;
+      background: lightblue;
+    }
+  </style>
+</head><body>
+  <div>hover me</div>
+</body></html>"
+`;
+
 exports[`[html file]: iframe.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/hover.html b/test/html/hover.html
new file mode 100644
index 00000000..e6df2126
--- /dev/null
+++ b/test/html/hover.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>hover selector</title>
+  <style>
+
+    div:hover {
+      background: orange;
+    }
+
+    div:hover::after {
+      position: absolute;
+      left: 0;
+      top: 100%;
+      content: 'dropdown';
+      width: 100px;
+      height: 200px;
+      background: lightblue;
+    }
+  </style>
+</head>
+
+<body>
+  <div>hover me</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 0720f120..c5e12226 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -1,6 +1,6 @@
 import 'mocha';
 import { expect } from 'chai';
-import { absoluteToStylesheet } from '../src/snapshot';
+import { absoluteToStylesheet, addHoverClass } from '../src/snapshot';
 
 describe('absolute url to stylesheet', () => {
   const href = 'http://localhost/css/style.css';
@@ -29,3 +29,43 @@ describe('absolute url to stylesheet', () => {
     ).to.equal(`url('http://localhost/a.jpg')`);
   });
 });
+
+describe('add hover class to hover selector related rules', () => {
+  it('will do nothing to css text without :hover', () => {
+    const cssText = 'body { color: white }';
+    expect(addHoverClass(cssText)).to.equal(cssText);
+  });
+
+  it('can add hover class to css text', () => {
+    const cssText = '.a:hover { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      '.a:hover, .a.\\:hover { color: white }',
+    );
+  });
+
+  it('can add hover class when there is multi selector', () => {
+    const cssText = '.a, .b:hover, .c { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      '.a, .b:hover, .b.\\:hover, .c { color: white }',
+    );
+  });
+
+  it('can add hover class when :hover is not the end of selector', () => {
+    const cssText = 'div:hover::after { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      'div:hover::after, div.\\:hover::after { color: white }',
+    );
+  });
+
+  it('can add hover class when the selector has multi :hover', () => {
+    const cssText = 'a:hover b:hover { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      'a:hover b:hover, a.\\:hover b.\\:hover { color: white }',
+    );
+  });
+
+  it('will ignore :hover in css value', () => {
+    const cssText = '.a::after { content: ":hover" }';
+    expect(addHoverClass(cssText)).to.equal(cssText);
+  });
+});

From e67ff9730a4843df1959f9dc96ab81e1f48e785d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 034/345] bump 0.5.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 578cbc51..af347d58 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From de8dc60b5eb1dc79e5195bd89b45a827a9376c72 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 035/345] departed 0.5.4 and bump 0.5.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index af347d58..6bb8aee2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From 2065e00c5d0c89a4a1a47c89f5107ec1de3f2971 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 036/345] Fix the regexp performance issue

Also move the addHoverClass implementation into the rebuild stage.
So if there is still some corner case we have not handled, it will
only affect the replayer part of rrweb.
---
 src/rebuild.ts        | 23 ++++++++++++++++++++++-
 src/snapshot.ts       | 31 ++-----------------------------
 src/types.ts          |  1 +
 test/integration.ts   |  1 +
 test/rebuild.test.ts  | 43 +++++++++++++++++++++++++++++++++++++++++++
 test/snapshot.test.ts | 42 +-----------------------------------------
 6 files changed, 70 insertions(+), 71 deletions(-)
 create mode 100644 test/rebuild.test.ts

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 476ae251..e4e79b28 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -115,6 +115,22 @@ function getTagName(n: elementNode): string {
   return tagName;
 }
 
+const CSS_SELECTOR = /([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g;
+const HOVER_SELECTOR = /([^\\]):hover/g;
+export function addHoverClass(cssText: string): string {
+  return cssText.replace(CSS_SELECTOR, (match, p1: string, p2: string) => {
+    if (HOVER_SELECTOR.test(p1)) {
+      const newSelector = p1.replace(HOVER_SELECTOR, '$1.\\:hover');
+      return `${p1.replace(/\s*$/, '')}, ${newSelector.replace(
+        /^\s*/,
+        '',
+      )}${p2}`;
+    } else {
+      return match;
+    }
+  });
+}
+
 function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
   switch (n.type) {
     case NodeType.Document:
@@ -139,6 +155,9 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           value = typeof value === 'boolean' ? '' : value;
           const isTextarea = tagName === 'textarea' && name === 'value';
           const isRemoteCss = tagName === 'style' && name === '_cssText';
+          if (isRemoteCss) {
+            value = addHoverClass(value);
+          }
           if (isTextarea || isRemoteCss) {
             const child = doc.createTextNode(value);
             node.appendChild(child);
@@ -152,7 +171,9 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
       }
       return node;
     case NodeType.Text:
-      return doc.createTextNode(n.textContent);
+      return doc.createTextNode(
+        n.isStyle ? addHoverClass(n.textContent) : n.textContent,
+      );
     case NodeType.CDATA:
       return doc.createCDATASection(n.textContent);
     case NodeType.Comment:
diff --git a/src/snapshot.ts b/src/snapshot.ts
index bb4ed167..f1376ae7 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -17,36 +17,11 @@ export function resetId() {
   _id = 1;
 }
 
-const CSS_RULE = /(([#|\.]{0,1}[a-z0-9\[\]=:]+[\s|,]*)+)\s(\{[\s\S]?[^}]*})/;
-const CSS_RULE_GLOBAL = /(([#|\.]{0,1}[a-z0-9\[\]=:]+[\s|,]*)+)\s(\{[\s\S]?[^}]*})/g;
-const HOVER_SELECTOR = /([^\\]):hover/g;
-export function addHoverClass(cssText: string): string {
-  const matches = cssText.match(CSS_RULE_GLOBAL) || [];
-  for (const match of matches) {
-    const [, selectorText = '', , rules = ''] = match.match(CSS_RULE) || [];
-    const selectors = selectorText
-      .split(',')
-      .map(selector => selector.trim())
-      .map(selector => {
-        if (HOVER_SELECTOR.test(selector)) {
-          const newSelector = selector.replace(HOVER_SELECTOR, '$1.\\:hover');
-          selector += `, ${newSelector}`;
-        }
-        return selector;
-      });
-    cssText = cssText.replace(match, selectors.join(', ') + ' ' + rules);
-  }
-  return cssText;
-}
-
 function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
     return rules
-      ? Array.from(rules).reduce(
-          (prev, cur) => (prev += addHoverClass(cur.cssText)),
-          '',
-        )
+      ? Array.from(rules).reduce((prev, cur) => (prev += cur.cssText), '')
       : null;
   } catch (error) {
     return null;
@@ -177,12 +152,10 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
       if (parentTagName === 'SCRIPT') {
         textContent = 'SCRIPT_PLACEHOLDER';
       }
-      if (parentTagName === 'STYLE') {
-        textContent = addHoverClass(textContent || '');
-      }
       return {
         type: NodeType.Text,
         textContent: textContent || '',
+        isStyle: parentTagName === 'STYLE' ? true : undefined,
       };
     case n.CDATA_SECTION_NODE:
       return {
diff --git a/src/types.ts b/src/types.ts
index 6fbe58e2..62d6af8b 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -32,6 +32,7 @@ export type elementNode = {
 export type textNode = {
   type: NodeType.Text;
   textContent: string;
+  isStyle?: true;
 };
 
 export type cdataNode = {
diff --git a/test/integration.ts b/test/integration.ts
index 8c71101f..f668b625 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -70,6 +70,7 @@ describe('integration tests', () => {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
+      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
       // headless: false,
     });
 
diff --git a/test/rebuild.test.ts b/test/rebuild.test.ts
new file mode 100644
index 00000000..d93bf64a
--- /dev/null
+++ b/test/rebuild.test.ts
@@ -0,0 +1,43 @@
+import 'mocha';
+import { expect } from 'chai';
+import { addHoverClass } from '../src/rebuild';
+
+describe('add hover class to hover selector related rules', () => {
+  it('will do nothing to css text without :hover', () => {
+    const cssText = 'body { color: white }';
+    expect(addHoverClass(cssText)).to.equal(cssText);
+  });
+
+  it('can add hover class to css text', () => {
+    const cssText = '.a:hover { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      '.a:hover, .a.\\:hover { color: white }',
+    );
+  });
+
+  it('can add hover class when there is multi selector', () => {
+    const cssText = '.a, .b:hover, .c { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      '.a, .b:hover, .b.\\:hover, .c { color: white }',
+    );
+  });
+
+  it('can add hover class when :hover is not the end of selector', () => {
+    const cssText = 'div:hover::after { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      'div:hover::after, div.\\:hover::after { color: white }',
+    );
+  });
+
+  it('can add hover class when the selector has multi :hover', () => {
+    const cssText = 'a:hover b:hover { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      'a:hover b:hover, a.\\:hover b.\\:hover { color: white }',
+    );
+  });
+
+  it('will ignore :hover in css value', () => {
+    const cssText = '.a::after { content: ":hover" }';
+    expect(addHoverClass(cssText)).to.equal(cssText);
+  });
+});
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index c5e12226..0720f120 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -1,6 +1,6 @@
 import 'mocha';
 import { expect } from 'chai';
-import { absoluteToStylesheet, addHoverClass } from '../src/snapshot';
+import { absoluteToStylesheet } from '../src/snapshot';
 
 describe('absolute url to stylesheet', () => {
   const href = 'http://localhost/css/style.css';
@@ -29,43 +29,3 @@ describe('absolute url to stylesheet', () => {
     ).to.equal(`url('http://localhost/a.jpg')`);
   });
 });
-
-describe('add hover class to hover selector related rules', () => {
-  it('will do nothing to css text without :hover', () => {
-    const cssText = 'body { color: white }';
-    expect(addHoverClass(cssText)).to.equal(cssText);
-  });
-
-  it('can add hover class to css text', () => {
-    const cssText = '.a:hover { color: white }';
-    expect(addHoverClass(cssText)).to.equal(
-      '.a:hover, .a.\\:hover { color: white }',
-    );
-  });
-
-  it('can add hover class when there is multi selector', () => {
-    const cssText = '.a, .b:hover, .c { color: white }';
-    expect(addHoverClass(cssText)).to.equal(
-      '.a, .b:hover, .b.\\:hover, .c { color: white }',
-    );
-  });
-
-  it('can add hover class when :hover is not the end of selector', () => {
-    const cssText = 'div:hover::after { color: white }';
-    expect(addHoverClass(cssText)).to.equal(
-      'div:hover::after, div.\\:hover::after { color: white }',
-    );
-  });
-
-  it('can add hover class when the selector has multi :hover', () => {
-    const cssText = 'a:hover b:hover { color: white }';
-    expect(addHoverClass(cssText)).to.equal(
-      'a:hover b:hover, a.\\:hover b.\\:hover { color: white }',
-    );
-  });
-
-  it('will ignore :hover in css value', () => {
-    const cssText = '.a::after { content: ":hover" }';
-    expect(addHoverClass(cssText)).to.equal(cssText);
-  });
-});

From 544ef0b3a3c68dbd6157d7ebede4baff932e15b9 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 037/345] bump 0.5.6

---
 package.json        | 2 +-
 test/integration.ts | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6bb8aee2..c7afd7aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",
diff --git a/test/integration.ts b/test/integration.ts
index f668b625..8c71101f 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -70,7 +70,6 @@ describe('integration tests', () => {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
-      executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
       // headless: false,
     });
 

From e9786e75960e0902cd6569c306dcd389f8e4e105 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 038/345] check is svg when serialization

---
 src/rebuild.ts  | 103 ++----------------------------------------------
 src/snapshot.ts |   5 +++
 src/types.ts    |   1 +
 3 files changed, 9 insertions(+), 100 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index e4e79b28..9a045000 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -7,103 +7,6 @@ import {
   INode,
 } from './types';
 
-// TODO: need a more accurate list
-const svgTags = [
-  'altGlyph',
-  'altGlyphDef',
-  'altGlyphItem',
-  'animate',
-  'animateColor',
-  'animateMotion',
-  'animateTransform',
-  'animation',
-  'circle',
-  'clipPath',
-  'color-profile',
-  'cursor',
-  'defs',
-  'desc',
-  'discard',
-  'ellipse',
-  'feBlend',
-  'feColorMatrix',
-  'feComponentTransfer',
-  'feComposite',
-  'feConvolveMatrix',
-  'feDiffuseLighting',
-  'feDisplacementMap',
-  'feDistantLight',
-  'feDropShadow',
-  'feFlood',
-  'feFuncA',
-  'feFuncB',
-  'feFuncG',
-  'feFuncR',
-  'feGaussianBlur',
-  'feImage',
-  'feMerge',
-  'feMergeNode',
-  'feMorphology',
-  'feOffset',
-  'fePointLight',
-  'feSpecularLighting',
-  'feSpotLight',
-  'feTile',
-  'feTurbulence',
-  'filter',
-  'font',
-  'font-face',
-  'font-face-format',
-  'font-face-name',
-  'font-face-src',
-  'font-face-uri',
-  'foreignObject',
-  'g',
-  'glyph',
-  'glyphRef',
-  'handler',
-  'hatch',
-  'hatchpath',
-  'hkern',
-  'image',
-  'line',
-  'linearGradient',
-  'listener',
-  'marker',
-  'mask',
-  'mesh',
-  'meshgradient',
-  'meshpatch',
-  'meshrow',
-  'metadata',
-  'missing-glyph',
-  'mpath',
-  'path',
-  'pattern',
-  'polygon',
-  'polyline',
-  'prefetch',
-  'radialGradient',
-  'rect',
-  'set',
-  'solidColor',
-  'solidcolor',
-  'stop',
-  'svg',
-  'switch',
-  'symbol',
-  'tbreak',
-  'text',
-  'textArea',
-  'textPath',
-  'tref',
-  'tspan',
-  'unknown',
-  'use',
-  'view',
-  'vkern',
-];
-
 const tagMap: tagMap = {
   script: 'noscript',
 };
@@ -144,10 +47,10 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
     case NodeType.Element:
       const tagName = getTagName(n);
       let node: Element;
-      if (svgTags.indexOf(tagName) < 0) {
-        node = doc.createElement(tagName);
-      } else {
+      if (n.isSVG) {
         node = doc.createElementNS('http://www.w3.org/2000/svg', tagName);
+      } else {
+        node = doc.createElement(tagName);
       }
       for (const name in n.attributes) {
         if (n.attributes.hasOwnProperty(name)) {
diff --git a/src/snapshot.ts b/src/snapshot.ts
index f1376ae7..a0623055 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -77,6 +77,10 @@ function absoluteToDoc(doc: Document, attributeValue: string): string {
   return a.href;
 }
 
+function isSVGElement(el: Element): boolean {
+  return el.tagName === 'svg' || el instanceof SVGElement;
+}
+
 function serializeNode(n: Node, doc: Document): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -142,6 +146,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         tagName,
         attributes,
         childNodes: [],
+        isSVG: isSVGElement(n as Element) || undefined,
       };
     case n.TEXT_NODE:
       // The parent node may not be a html element which has a tagName attribute.
diff --git a/src/types.ts b/src/types.ts
index 62d6af8b..21fa2de3 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -27,6 +27,7 @@ export type elementNode = {
   tagName: string;
   attributes: attributes;
   childNodes: serializedNodeWithId[];
+  isSVG?: true;
 };
 
 export type textNode = {

From 6db067e2ea6d3b23e6e55f0340cd2157583996ae Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 039/345] bump 0.6.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c7afd7aa..0004aa67 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.5.6",
+  "version": "0.6.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "main": "dist/index.js",
   "module": "dist/module.js",

From 0f6d790a869baf8be342ccb1fb9906d8669de2e7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 040/345] update bundle config

---
 .gitignore       |  2 ++
 package.json     |  9 ++++--
 rollup.config.js | 82 +++++++++++++++++++++++++++++++++++++-----------
 3 files changed, 72 insertions(+), 21 deletions(-)

diff --git a/.gitignore b/.gitignore
index f35f48b8..2c597d03 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,5 @@ node_modules
 package-lock.json
 build
 dist
+es
+lib
diff --git a/package.json b/package.json
index 0004aa67..cb7d0b8c 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,6 @@
   "name": "rrweb-snapshot",
   "version": "0.6.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
-  "main": "dist/index.js",
-  "module": "dist/module.js",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
     "bundle": "rollup --config"
@@ -17,8 +15,14 @@
     "snapshot",
     "DOM"
   ],
+  "main": "lib/rrweb-snapshot.js",
+  "module": "es/rrweb-snapshot.js",
+  "unpkg": "dist/rrweb-snapshot.js",
+  "typings": "./index.d.ts",
   "files": [
     "dist",
+    "lib",
+    "es",
     "index.d.ts",
     "src/types.ts"
   ],
@@ -38,6 +42,7 @@
     "mocha": "^5.2.0",
     "puppeteer": "^1.9.0",
     "rollup": "^0.66.4",
+    "rollup-plugin-terser": "^3.0.0",
     "rollup-plugin-typescript": "^1.0.0",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
diff --git a/rollup.config.js b/rollup.config.js
index dc2cd261..e40d7537 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,21 +1,65 @@
 import typescript from 'rollup-plugin-typescript';
+import { terser } from 'rollup-plugin-terser';
+import pkg from './package.json';
 
-export default {
-  input: './src/index.ts',
-  plugins: [typescript()],
-  output: [
-    {
-      format: 'cjs',
-      file: './dist/index.js',
-    },
-    {
-      format: 'esm',
-      file: './dist/module.js',
-    },
-    {
-      name: 'rrwebSnapshot',
-      format: 'iife',
-      file: './dist/browser.js',
-    },
-  ],
-};
+function toMinPath(path) {
+  return path.replace(/\.js$/, '.min.js');
+}
+
+export default [
+  // browser
+  {
+    input: './src/index.ts',
+    plugins: [typescript()],
+    output: [
+      {
+        name: 'rrwebSnapshot',
+        format: 'umd',
+        file: pkg.unpkg,
+      },
+    ],
+  },
+  {
+    input: './src/index.ts',
+    plugins: [typescript(), terser()],
+    output: [
+      {
+        name: 'rrwebSnapshot',
+        format: 'umd',
+        file: toMinPath(pkg.unpkg),
+      },
+    ],
+  },
+  // CommonJS
+  {
+    input: './src/index.ts',
+    plugins: [typescript()],
+    output: [
+      {
+        format: 'cjs',
+        file: pkg.main,
+      },
+    ],
+  },
+  // ES module
+  {
+    input: './src/index.ts',
+    plugins: [typescript()],
+    output: [
+      {
+        format: 'esm',
+        file: pkg.module,
+      },
+    ],
+  },
+  {
+    input: './src/index.ts',
+    plugins: [typescript(), terser()],
+    output: [
+      {
+        format: 'esm',
+        file: toMinPath(pkg.module),
+      },
+    ],
+  },
+];

From f60f1d494f1911f8982266609c2c19b42703a323 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 041/345] Release 0.6.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cb7d0b8c..53f32111 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 25c1e4ef69f745f206790f3f2562c2c37463e51b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 042/345] update bundle format and add sourcemap

---
 rollup.config.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/rollup.config.js b/rollup.config.js
index e40d7537..942cc62f 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -14,7 +14,7 @@ export default [
     output: [
       {
         name: 'rrwebSnapshot',
-        format: 'umd',
+        format: 'iife',
         file: pkg.unpkg,
       },
     ],
@@ -25,8 +25,9 @@ export default [
     output: [
       {
         name: 'rrwebSnapshot',
-        format: 'umd',
+        format: 'iife',
         file: toMinPath(pkg.unpkg),
+        sourcemap: true,
       },
     ],
   },
@@ -59,6 +60,7 @@ export default [
       {
         format: 'esm',
         file: toMinPath(pkg.module),
+        sourcemap: true,
       },
     ],
   },

From c936cb662622c0085729cf96daac48a85c7bff30 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 043/345] absolute relative path in inline stylesheet

---
 src/snapshot.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index a0623055..fb772813 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -154,13 +154,17 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
       const parentTagName =
         n.parentNode && (n.parentNode as HTMLElement).tagName;
       let textContent = (n as Text).textContent;
+      const isStyle = parentTagName === 'STYLE' ? true : undefined;
+      if (isStyle && textContent) {
+        textContent = absoluteToStylesheet(textContent, location.href);
+      }
       if (parentTagName === 'SCRIPT') {
         textContent = 'SCRIPT_PLACEHOLDER';
       }
       return {
         type: NodeType.Text,
         textContent: textContent || '',
-        isStyle: parentTagName === 'STYLE' ? true : undefined,
+        isStyle,
       };
     case n.CDATA_SECTION_NODE:
       return {

From 188fe680819dd5e9817b611010d0106f8bd10634 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 044/345] Release 0.6.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 53f32111..ed592f9c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 7cb33bfe809c0a7d720e904c8aaffeeaa6f93fff Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 045/345] fix css url regexp

---
 src/snapshot.ts       |  2 +-
 test/snapshot.test.ts | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index fb772813..3acbdb5b 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -42,7 +42,7 @@ function extractOrigin(url: string): string {
   return origin;
 }
 
-const URL_IN_CSS_REF = /url\((['"])([^'"]*)\1\)/gm;
+const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
 export function absoluteToStylesheet(cssText: string, href: string): string {
   return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
     if (!/^[./]/.test(filePath)) {
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 0720f120..227535e9 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -28,4 +28,16 @@ describe('absolute url to stylesheet', () => {
       absoluteToStylesheet('url("http://localhost/a.jpg")', href),
     ).to.equal(`url('http://localhost/a.jpg')`);
   });
+
+  it('can handle single quote path', () => {
+    expect(absoluteToStylesheet(`url('./a.jpg')`, href)).to.equal(
+      `url('http://localhost/css/a.jpg')`,
+    );
+  });
+
+  it('can handle no quote path', () => {
+    expect(absoluteToStylesheet('url(./a.jpg)', href)).to.equal(
+      `url('http://localhost/css/a.jpg')`,
+    );
+  });
 });

From 286475f1c3b18bbf890deaf8e7aa524b8e13d086 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 046/345] Release 0.6.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ed592f9c..ae249189 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 2ced819b40941fe2c98431d42c06a461edf0236d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 047/345] Release 0.6.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ae249189..39c9996a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 08bee234942de7f8a1fcfede97805e6773ce2bc2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 048/345] fix absolute to doc

---
 src/snapshot.ts | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 3acbdb5b..1423f6d9 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -67,11 +67,7 @@ export function absoluteToStylesheet(cssText: string, href: string): string {
   });
 }
 
-const RELATIVE_PATH = /^(\.\.|\.|)\//;
 function absoluteToDoc(doc: Document, attributeValue: string): string {
-  if (!RELATIVE_PATH.test(attributeValue)) {
-    return attributeValue;
-  }
   const a: HTMLAnchorElement = doc.createElement('a');
   a.href = attributeValue;
   return a.href;

From cf54d7dab5591de901077ad8859624ea6d299348 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 049/345] Release 0.6.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 39c9996a..4b1ac00b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From cdedca1716fa5902b375a7e1f5bd4199dda14f56 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 050/345] complately update relative path regexp

---
 package.json          | 2 +-
 src/snapshot.ts       | 3 ++-
 test/snapshot.test.ts | 6 ++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 4b1ac00b..acdea765 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "chai": "^4.1.2",
     "jest-snapshot": "^23.6.0",
     "mocha": "^5.2.0",
-    "puppeteer": "^1.9.0",
+    "puppeteer": "^1.10.0",
     "rollup": "^0.66.4",
     "rollup-plugin-terser": "^3.0.0",
     "rollup-plugin-typescript": "^1.0.0",
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 1423f6d9..4b4708d8 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -43,9 +43,10 @@ function extractOrigin(url: string): string {
 }
 
 const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
+const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
 export function absoluteToStylesheet(cssText: string, href: string): string {
   return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
-    if (!/^[./]/.test(filePath)) {
+    if (!RELATIVE_PATH.test(filePath)) {
       return `url('${filePath}')`;
     }
     if (filePath[0] === '/') {
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 227535e9..12542897 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -5,6 +5,12 @@ import { absoluteToStylesheet } from '../src/snapshot';
 describe('absolute url to stylesheet', () => {
   const href = 'http://localhost/css/style.css';
 
+  it('cam handle relative path', () => {
+    expect(absoluteToStylesheet('url(a.jpg)', href)).to.equal(
+      `url('http://localhost/css/a.jpg')`,
+    );
+  });
+
   it('can handle same level path', () => {
     expect(absoluteToStylesheet('url("./a.jpg")', href)).to.equal(
       `url('http://localhost/css/a.jpg')`,

From fe8a9ea6ca357894eb65ee33ca52b47972acd8ec Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 051/345] Release 0.6.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index acdea765..01999a70 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 573a703dd437271ae4a00a453d4462cec651fb90 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 052/345] add release-it config

---
 .release-it.json | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .release-it.json

diff --git a/.release-it.json b/.release-it.json
new file mode 100644
index 00000000..4aff1037
--- /dev/null
+++ b/.release-it.json
@@ -0,0 +1,4 @@
+{
+  "non-interactive": true,
+  "buildCommand": "npm run bundle"
+}

From 791b553b118203b7cca6ca699af1217e8f914ffc Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 053/345] add release-it cli config


From c458db3d8efdf73ef097a246fa82773a8ab605b0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 054/345] ignore iframe src attribute

---
 src/rebuild.ts                         | 3 +++
 test/__snapshots__/integration.ts.snap | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 9a045000..2bba890e 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -65,6 +65,9 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
             const child = doc.createTextNode(value);
             node.appendChild(child);
           }
+          if (tagName === 'iframe' && name === 'src') {
+            continue;
+          }
           try {
             node.setAttribute(name, value);
           } catch (error) {
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 4658b966..2e9cac5b 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -119,7 +119,7 @@ exports[`[html file]: iframe.html 1`] = `
   <title>iframe</title>
 </head>
 <body>
-  <iframe src=\\"http://localhost:3030/html/iframe-inner.html\\" width=\\"100\\" height=\\"50\\"></iframe>
+  <iframe width=\\"100\\" height=\\"50\\"></iframe>
 </body></html>"
 `;
 

From a36fae560fa2fa8f179fb499040cdc02592c5046 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 055/345] Release 0.6.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 01999a70..e098598a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 8b470ab6c8a1b12dd15314ed7b64f98bf5507ced Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 056/345] remove _cssText attribute from style element

---
 src/rebuild.ts      | 1 +
 test/integration.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 2bba890e..2256c40e 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -64,6 +64,7 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           if (isTextarea || isRemoteCss) {
             const child = doc.createTextNode(value);
             node.appendChild(child);
+            continue;
           }
           if (tagName === 'iframe' && name === 'src') {
             continue;
diff --git a/test/integration.ts b/test/integration.ts
index 8c71101f..387b7ee7 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -89,7 +89,7 @@ describe('integration tests', () => {
     await this.server.close();
   });
 
-  for (const html of htmls.slice(0, 10)) {
+  for (const html of htmls) {
     const title = '[html file]: ' + html.filePath;
     it(title, async () => {
       const page: puppeteer.Page = await this.browser.newPage();

From c73368a996f327078249d4e8e351aed09f38c9d2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 057/345] Release 0.6.8

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e098598a..42838f2c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 7aa3410aeaad5c93fcdaae8ef3f1bee2bcf0dd57 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 058/345] update the test snapshot

---
 test/__snapshots__/integration.ts.snap | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 2e9cac5b..68cc0b97 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -76,7 +76,7 @@ exports[`[html file]: form-fields.html 1`] = `
       <input type=\\"checkbox\\" checked=\\"\\" />
     </label>
     <label for=\\"textarea\\">
-      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\" value=\\"1234\\">1234</textarea>
+      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\">1234</textarea>
     </label>
     <label for=\\"select\\">
       <select name=\\"\\" id=\\"\\" value=\\"2\\">
@@ -162,7 +162,7 @@ exports[`[html file]: with-style-sheet.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>with style sheet</title>
-  <style _csstext=\\"body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }\\">body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+  <style>body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
 </head><body>
 </body></html>"
 `;

From 9667a9ae460d35853a14d498974c6ee5b2028fa0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 059/345] update README

---
 README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 9c46dd60..765210fd 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 [![Build Status](https://travis-ci.org/rrweb-io/rrweb-snapshot.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb-snapshot)
 
 Snapshot the DOM into a stateful and serializable data structure.
-Also provide the ability to rebuild the DOM via snapshot.
+Also, provide the ability to rebuild the DOM via snapshot.
 
 ## API
 
@@ -13,22 +13,22 @@ This module export following methods:
 
 `snapshot` will traverse the DOM and return a stateful and serializable data structure which can represent the current DOM **view**.
 
-There are serveral things will be done during snapshot:
+There are several things will be done during snapshot:
 
 1. Inline some DOM states into HTML attributes, e.g, HTMLInputElement's value.
-2. Turn script tags into noscript tags to avoid scripts being executed.
+2. Turn script tags into `noscript` tags to avoid scripts being executed.
 3. Try to inline stylesheets to make sure local stylesheets can be used.
-4. Make relative paths in href, src, css to be absolute paths.
-5. Give a id to each Node, and return the id node map when snapshot finished.
+4. Make relative paths in href, src, CSS to be absolute paths.
+5. Give an id to each Node, and return the id node map when snapshot finished.
 
 #### rebuild
 
 `rebuild` will build the DOM according to the taken snapshot.
 
-There are serveral things will be done during rebuild:
+There are several things will be done during rebuild:
 
-1. Add data-rrid attribute if Node is an Element.
-2. Create some extra DOM node like text node to place inline css and some states.
+1. Add data-rrid attribute if the Node is an Element.
+2. Create some extra DOM node like text node to place inline CSS and some states.
 3. Add data-extra-child-index attribute if Node has some extra child DOM.
 
 #### serializeNodeWithId

From 2d1d3596b80a904edd860b19e436f5b8665f1502 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 060/345] handle block element

---
 src/rebuild.ts                         | 12 +++++++++++-
 src/snapshot.ts                        | 14 ++++++++++++-
 src/types.ts                           |  1 +
 test/__snapshots__/integration.ts.snap | 25 ++++++++++++++++++++++++
 test/html/block-element.html           | 27 ++++++++++++++++++++++++++
 5 files changed, 77 insertions(+), 2 deletions(-)
 create mode 100644 test/html/block-element.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 2256c40e..563e7867 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -53,7 +53,8 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
         node = doc.createElement(tagName);
       }
       for (const name in n.attributes) {
-        if (n.attributes.hasOwnProperty(name)) {
+        // attribute names start with rr_ are internal attributes added by rrweb
+        if (n.attributes.hasOwnProperty(name) && !name.startsWith('rr_')) {
           let value = n.attributes[name];
           value = typeof value === 'boolean' ? '' : value;
           const isTextarea = tagName === 'textarea' && name === 'value';
@@ -74,6 +75,15 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           } catch (error) {
             // skip invalid attribute
           }
+        } else {
+          // handle internal attributes
+          if (n.attributes.rr_width) {
+            (node as HTMLElement).style.width = n.attributes.rr_width as string;
+          }
+          if (n.attributes.rr_height) {
+            (node as HTMLElement).style.height = n.attributes
+              .rr_height as string;
+          }
         }
       }
       return node;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 4b4708d8..1edd5acc 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -78,6 +78,7 @@ function isSVGElement(el: Element): boolean {
   return el.tagName === 'svg' || el instanceof SVGElement;
 }
 
+const BLOCK_CLASS = 'rr-block';
 function serializeNode(n: Node, doc: Document): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -93,6 +94,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         systemId: (n as DocumentType).systemId,
       };
     case n.ELEMENT_NODE:
+      const needBlock = (n as HTMLElement).classList.contains(BLOCK_CLASS);
       const tagName = (n as HTMLElement).tagName.toLowerCase();
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
@@ -138,12 +140,18 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
           attributes.selected = (n as HTMLOptionElement).selected;
         }
       }
+      if (needBlock) {
+        const { width, height } = (n as HTMLElement).getBoundingClientRect();
+        attributes.rr_width = `${width}px`;
+        attributes.rr_height = `${height}px`;
+      }
       return {
         type: NodeType.Element,
         tagName,
         attributes,
         childNodes: [],
         isSVG: isSVGElement(n as Element) || undefined,
+        needBlock,
       };
     case n.TEXT_NODE:
       // The parent node may not be a html element which has a tagName attribute.
@@ -195,10 +203,14 @@ export function serializeNodeWithId(
   });
   (n as INode).__sn = serializedNode;
   map[serializedNode.id] = n as INode;
+  let recordChild = !skipChild;
+  if (serializedNode.type === NodeType.Element) {
+    recordChild = recordChild && !serializedNode.needBlock;
+  }
   if (
     (serializedNode.type === NodeType.Document ||
       serializedNode.type === NodeType.Element) &&
-    !skipChild
+    recordChild
   ) {
     for (const childN of Array.from(n.childNodes)) {
       const serializedChildNode = serializeNodeWithId(childN, doc, map);
diff --git a/src/types.ts b/src/types.ts
index 21fa2de3..2bdbd74c 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -28,6 +28,7 @@ export type elementNode = {
   attributes: attributes;
   childNodes: serializedNodeWithId[];
   isSVG?: true;
+  needBlock?: boolean;
 };
 
 export type textNode = {
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 68cc0b97..7d0575fc 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -48,6 +48,31 @@ exports[`[html file]: basic.html 1`] = `
 </head><body></body></html>"
 `;
 
+exports[`[html file]: block-element.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>Document</title>
+    <style>
+      .big {
+        width: 50px;
+        height: 50px;
+      }
+      .small {
+        width: 50px;
+        height: 100px;
+        float: left;
+      }
+    </style>
+  </head>  <body>
+    <div class=\\"rr-block big\\" style=\\"width: 50px; height: 50px;\\"></div>
+    <div>record 2</div>
+    <div class=\\"rr-block small\\" style=\\"width: 50px; height: 100px;\\"></div>
+    <div class=\\"rr-block\\" style=\\"height: 200px; width: 100px\\"></div>
+  </body></html>"
+`;
+
 exports[`[html file]: cors-style-sheet.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/block-element.html b/test/html/block-element.html
new file mode 100644
index 00000000..f9671d2a
--- /dev/null
+++ b/test/html/block-element.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Document</title>
+    <style>
+      .big {
+        width: 50px;
+        height: 50px;
+      }
+      .small {
+        width: 50px;
+        height: 100px;
+        float: left;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="rr-block big">block 1</div>
+    <div>record 2</div>
+    <div class="rr-block small">block 3</div>
+    <div class="rr-block" style="height: 200px; width: 100px">block 3</div>
+  </body>
+</html>

From 66d71a3d2ebec3428c0ca2f6573e4983563a4e2b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 061/345] Release 0.6.9

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 42838f2c..31fb59bb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 259a929a7638b2c77ef43ea32e08367d4db541b8 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 062/345] delete not needed props

---
 src/snapshot.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 1edd5acc..cf058345 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -206,6 +206,8 @@ export function serializeNodeWithId(
   let recordChild = !skipChild;
   if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
+    // this property was not needed in replay side
+    delete serializedNode.needBlock;
   }
   if (
     (serializedNode.type === NodeType.Document ||

From 7f03296b5fee6d8c66afb8b06dc94547bc5b73b1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 063/345] Release 0.6.10

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 31fb59bb..bbee5165 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 55ce53ffa055b75819bfc1fc40e0c4cb82b599f8 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 064/345] close before open to make sure document was closed

---
 src/rebuild.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 563e7867..56337eb2 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -112,6 +112,8 @@ export function buildNodeWithSN(
   }
   // use target document as root document
   if (n.type === NodeType.Document) {
+    // close before open to make sure document was closed
+    doc.close();
     doc.open();
     node = doc;
   }

From a75a35b83244ac9695d2a274b773e236a1e4c7ba Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 065/345] Release 0.6.11

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bbee5165..4ab061df 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From ca8288802fbe3c58b69ff575d2927fd599ab1ae6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 066/345] do not add origin before data uri image

---
 src/snapshot.ts       | 4 ++++
 test/snapshot.test.ts | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index cf058345..cc470957 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -44,11 +44,15 @@ function extractOrigin(url: string): string {
 
 const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
+const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
 export function absoluteToStylesheet(cssText: string, href: string): string {
   return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
     if (!RELATIVE_PATH.test(filePath)) {
       return `url('${filePath}')`;
     }
+    if (DATA_URI.test(filePath)) {
+      return `url(${filePath})`;
+    }
     if (filePath[0] === '/') {
       return `url('${extractOrigin(href) + filePath}')`;
     }
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 12542897..106779e9 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -46,4 +46,10 @@ describe('absolute url to stylesheet', () => {
       `url('http://localhost/css/a.jpg')`,
     );
   });
+
+  it('can handle data url image', () => {
+    expect(
+      absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),
+    ).to.equal('url(data:image/gif;base64,ABC)');
+  });
 });

From 6259ae631d381aafe38f2a956666c0131ae041f3 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 067/345] add camel case svg element tag names to tag map

---
 src/rebuild.ts | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 56337eb2..6896b7b4 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -9,6 +9,43 @@ import {
 
 const tagMap: tagMap = {
   script: 'noscript',
+  // camel case svg element tag names
+  altglyph: 'altGlyph',
+  altglyphdef: 'altGlyphDef',
+  altglyphitem: 'altGlyphItem',
+  animatecolor: 'animateColor',
+  animatemotion: 'animateMotion',
+  animatetransform: 'animateTransform',
+  clippath: 'clipPath',
+  feblend: 'feBlend',
+  fecolormatrix: 'feColorMatrix',
+  fecomponenttransfer: 'feComponentTransfer',
+  fecomposite: 'feComposite',
+  feconvolvematrix: 'feConvolveMatrix',
+  fediffuselighting: 'feDiffuseLighting',
+  fedisplacementmap: 'feDisplacementMap',
+  fedistantlight: 'feDistantLight',
+  fedropshadow: 'feDropShadow',
+  feflood: 'feFlood',
+  fefunca: 'feFuncA',
+  fefuncb: 'feFuncB',
+  fefuncg: 'feFuncG',
+  fefuncr: 'feFuncR',
+  fegaussianblur: 'feGaussianBlur',
+  feimage: 'feImage',
+  femerge: 'feMerge',
+  femergenode: 'feMergeNode',
+  femorphology: 'feMorphology',
+  feoffset: 'feOffset',
+  fepointlight: 'fePointLight',
+  fespecularlighting: 'feSpecularLighting',
+  fespotlight: 'feSpotLight',
+  fetile: 'feTile',
+  feturbulence: 'feTurbulence',
+  foreignobject: 'foreignObject',
+  glyphref: 'glyphRef',
+  lineargradient: 'linearGradient',
+  radialgradient: 'radialGradient',
 };
 function getTagName(n: elementNode): string {
   let tagName = tagMap[n.tagName] ? tagMap[n.tagName] : n.tagName;

From 15c66d1fe75c569b72ec24d884d3244e8506fa28 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 068/345] Release 0.7.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4ab061df..9ef0fcfc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.6.11",
+  "version": "0.7.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 53a0887e9e2d1d1533cfbe373a7153a035ec24e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20de=20Giessen?= <github@dvdgiessen.nl>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 069/345] Cross-platform npm scripts using cross-env (#2)

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9ef0fcfc..ce70e788 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.7.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
-    "test": "TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
+    "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
     "bundle": "rollup --config"
   },
   "repository": {
@@ -38,6 +38,7 @@
     "@types/node": "^10.11.3",
     "@types/puppeteer": "^1.8.0",
     "chai": "^4.1.2",
+    "cross-env": "^5.2.0",
     "jest-snapshot": "^23.6.0",
     "mocha": "^5.2.0",
     "puppeteer": "^1.10.0",

From c6552fbcca97b68a62671e6226363a741712fad1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 070/345] Release 0.7.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ce70e788..0a562f64 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 61c50c212202a91acc8977150eaa23270ee97c8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20de=20Giessen?= <github@dvdgiessen.nl>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 071/345] Parse style attributes for absolute URL paths (#5)

---
 src/snapshot.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index cc470957..95360b90 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -105,6 +105,8 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         // relative path in attribute
         if (name === 'src' || name === 'href') {
           attributes[name] = absoluteToDoc(doc, value);
+        } else if (name === 'style') {
+          attributes[name] = absoluteToStylesheet(value, doc.location.href);
         } else {
           attributes[name] = value;
         }

From 4ed15164c90cbfbb3be3ef51fc53eb683b8f145b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20de=20Giessen?= <github@dvdgiessen.nl>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 072/345] Fixed detection of multiple consecutive CSS URLs
 without quotes (#4)

---
 src/snapshot.ts       | 5 +++--
 test/snapshot.test.ts | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 95360b90..1e6bec85 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -42,11 +42,12 @@ function extractOrigin(url: string): string {
   return origin;
 }
 
-const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
+const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
 const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
 export function absoluteToStylesheet(cssText: string, href: string): string {
-  return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
+  return cssText.replace(URL_IN_CSS_REF, (_1, path1, path2, path3) => {
+    const filePath = path1 || path2 || path3;
     if (!RELATIVE_PATH.test(filePath)) {
       return `url('${filePath}')`;
     }
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 106779e9..45ce11dc 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -47,6 +47,12 @@ describe('absolute url to stylesheet', () => {
     );
   });
 
+  it('can handle multiple no quote paths', () => {
+    expect(absoluteToStylesheet('background-image: url(images/b.jpg); background: #aabbcc url(images/a.jpg) 50% 50% repeat;', href)).to.equal(
+      `background-image: url('http://localhost/css/images/b.jpg'); background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
+    );
+  });
+
   it('can handle data url image', () => {
     expect(
       absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),

From 205d3b4aeb1b01bb326a06b9ac36e79b937bb9cc Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 073/345] fix the format and use window.location

---
 src/snapshot.ts       |  2 +-
 test/snapshot.test.ts | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 1e6bec85..ec23e7ba 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -107,7 +107,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         if (name === 'src' || name === 'href') {
           attributes[name] = absoluteToDoc(doc, value);
         } else if (name === 'style') {
-          attributes[name] = absoluteToStylesheet(value, doc.location.href);
+          attributes[name] = absoluteToStylesheet(value, location.href);
         } else {
           attributes[name] = value;
         }
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 45ce11dc..197fb7ad 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -48,8 +48,14 @@ describe('absolute url to stylesheet', () => {
   });
 
   it('can handle multiple no quote paths', () => {
-    expect(absoluteToStylesheet('background-image: url(images/b.jpg); background: #aabbcc url(images/a.jpg) 50% 50% repeat;', href)).to.equal(
-      `background-image: url('http://localhost/css/images/b.jpg'); background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
+    expect(
+      absoluteToStylesheet(
+        'background-image: url(images/b.jpg); background: #aabbcc url(images/a.jpg) 50% 50% repeat;',
+        href,
+      ),
+    ).to.equal(
+      `background-image: url('http://localhost/css/images/b.jpg');` +
+        `background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
     );
   });
 

From 238acc4b060a21ec177f72305d5d90c71a241601 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 074/345] Release 0.7.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0a562f64..0eddf069 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From c4b72edcf3f0863e2e8b01949cc306368aeaea4a Mon Sep 17 00:00:00 2001
From: The Gitter Badger <badger@gitter.im>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 075/345] Add Gitter badge (#9)

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 765210fd..46f1702b 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # rrweb-snapshot
 
-[![Build Status](https://travis-ci.org/rrweb-io/rrweb-snapshot.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb-snapshot)
+[![Build Status](https://travis-ci.org/rrweb-io/rrweb-snapshot.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb-snapshot) [![Join the chat at https://gitter.im/rrweb-io/rrweb-snapshot](https://badges.gitter.im/rrweb-io/rrweb-snapshot.svg)](https://gitter.im/rrweb-io/rrweb-snapshot?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
 Snapshot the DOM into a stateful and serializable data structure.
 Also, provide the ability to rebuild the DOM via snapshot.

From 67027d8be62156484f9e7bdcafdc6072856e8b4c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 076/345] handle empty url path

---
 src/snapshot.ts       | 5 ++++-
 test/snapshot.test.ts | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index ec23e7ba..52831dfe 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -46,8 +46,11 @@ const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
 const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
 export function absoluteToStylesheet(cssText: string, href: string): string {
-  return cssText.replace(URL_IN_CSS_REF, (_1, path1, path2, path3) => {
+  return cssText.replace(URL_IN_CSS_REF, (origin, path1, path2, path3) => {
     const filePath = path1 || path2 || path3;
+    if (!filePath) {
+      return origin;
+    }
     if (!RELATIVE_PATH.test(filePath)) {
       return `url('${filePath}')`;
     }
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 197fb7ad..ffb61742 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -54,7 +54,7 @@ describe('absolute url to stylesheet', () => {
         href,
       ),
     ).to.equal(
-      `background-image: url('http://localhost/css/images/b.jpg');` +
+      `background-image: url('http://localhost/css/images/b.jpg'); ` +
         `background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
     );
   });
@@ -64,4 +64,8 @@ describe('absolute url to stylesheet', () => {
       absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),
     ).to.equal('url(data:image/gif;base64,ABC)');
   });
+
+  it('can handle empty path', () => {
+    expect(absoluteToStylesheet(`url('')`, href)).to.equal(`url('')`);
+  });
 });

From cf210efb5693177a75a8e87dc316474ea19bc5c4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 077/345] Release 0.7.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0eddf069..38b6f48e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 29f2e42978662c43faf5c0e350f00ce4a88f9de0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 078/345] iterate style element to get css rules string

---
 src/rebuild.ts                         |  7 ++++---
 src/snapshot.ts                        | 22 +++++++++++++++++++---
 test/__snapshots__/integration.ts.snap | 14 ++++++++++++++
 test/html/dynamic-stylesheet.html      | 20 ++++++++++++++++++++
 4 files changed, 57 insertions(+), 6 deletions(-)
 create mode 100644 test/html/dynamic-stylesheet.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 6896b7b4..1d2c5357 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -95,11 +95,12 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           let value = n.attributes[name];
           value = typeof value === 'boolean' ? '' : value;
           const isTextarea = tagName === 'textarea' && name === 'value';
-          const isRemoteCss = tagName === 'style' && name === '_cssText';
-          if (isRemoteCss) {
+          const isRemoteOrDynamicCss =
+            tagName === 'style' && name === '_cssText';
+          if (isRemoteOrDynamicCss) {
             value = addHoverClass(value);
           }
-          if (isTextarea || isRemoteCss) {
+          if (isTextarea || isRemoteOrDynamicCss) {
             const child = doc.createTextNode(value);
             node.appendChild(child);
             continue;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 52831dfe..9c27a5f4 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -122,9 +122,25 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         });
         const cssText = getCssRulesString(stylesheet as CSSStyleSheet);
         if (cssText) {
-          attributes = {
-            _cssText: absoluteToStylesheet(cssText, stylesheet!.href!),
-          };
+          delete attributes.rel;
+          delete attributes.href;
+          attributes._cssText = absoluteToStylesheet(
+            cssText,
+            stylesheet!.href!,
+          );
+        }
+      }
+      // dynamic stylesheet
+      if (
+        tagName === 'style' &&
+        (n as HTMLStyleElement).sheet &&
+        // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+        !(n as HTMLElement).innerText.trim().length
+      ) {
+        const cssText = getCssRulesString((n as HTMLStyleElement)
+          .sheet as CSSStyleSheet);
+        if (cssText) {
+          attributes._cssText = absoluteToStylesheet(cssText, location.href);
         }
       }
       // form fields
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 7d0575fc..2c3d42b8 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -83,6 +83,20 @@ exports[`[html file]: cors-style-sheet.html 1`] = `
 </head><body></body></html>"
 `;
 
+exports[`[html file]: dynamic-stylesheet.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>dynamic stylesheet</title>
+    <style>body { margin: 0px; }p { background: lightpink; }</style>
+    <noscript>SCRIPT_PLACEHOLDER</noscript>
+  </head>
+  <body>
+    <p>p tag</p>
+  </body></html>"
+`;
+
 exports[`[html file]: form-fields.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/dynamic-stylesheet.html b/test/html/dynamic-stylesheet.html
new file mode 100644
index 00000000..83a57ccf
--- /dev/null
+++ b/test/html/dynamic-stylesheet.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>dynamic stylesheet</title>
+    <style></style>
+    <script>
+      const styleEl = document.querySelector('style');
+      const rules = [`body { margin: 0 }`, `p { background: lightpink }`];
+      rules.forEach((rule, idx) => {
+        styleEl.sheet.insertRule(rule, idx);
+      });
+    </script>
+  </head>
+  <body>
+    <p>p tag</p>
+  </body>
+</html>

From f4ddd261e0aede79c0edbdc0260fd9a1dee5cef5 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 079/345] Release 0.7.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 38b6f48e..e25bea56 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From e21921a2da11b170817ad1d2153703e3118c7920 Mon Sep 17 00:00:00 2001
From: Sam Mason <sam.jbmason@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 080/345] Make block css class optional & fix test (#6)

* Make block class optional

* Fix test by removing unexpected space space
---
 src/snapshot.ts       | 26 +++++++++++++++++++-------
 test/snapshot.test.ts |  2 +-
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 9c27a5f4..19ce7d2b 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -86,8 +86,11 @@ function isSVGElement(el: Element): boolean {
   return el.tagName === 'svg' || el instanceof SVGElement;
 }
 
-const BLOCK_CLASS = 'rr-block';
-function serializeNode(n: Node, doc: Document): serializedNode | false {
+function serializeNode(
+  n: Node,
+  doc: Document,
+  blockClass: string,
+): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return {
@@ -102,7 +105,7 @@ function serializeNode(n: Node, doc: Document): serializedNode | false {
         systemId: (n as DocumentType).systemId,
       };
     case n.ELEMENT_NODE:
-      const needBlock = (n as HTMLElement).classList.contains(BLOCK_CLASS);
+      const needBlock = (n as HTMLElement).classList.contains(blockClass);
       const tagName = (n as HTMLElement).tagName.toLowerCase();
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
@@ -216,9 +219,10 @@ export function serializeNodeWithId(
   n: Node,
   doc: Document,
   map: idNodeMap,
+  blockClass: string,
   skipChild = false,
 ): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(n, doc);
+  const _serializedNode = serializeNode(n, doc, blockClass);
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
@@ -241,7 +245,12 @@ export function serializeNodeWithId(
     recordChild
   ) {
     for (const childN of Array.from(n.childNodes)) {
-      const serializedChildNode = serializeNodeWithId(childN, doc, map);
+      const serializedChildNode = serializeNodeWithId(
+        childN,
+        doc,
+        map,
+        blockClass,
+      );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
@@ -250,10 +259,13 @@ export function serializeNodeWithId(
   return serializedNode;
 }
 
-function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap] {
+function snapshot(
+  n: Document,
+  blockClass = 'rr-block',
+): [serializedNodeWithId | null, idNodeMap] {
   resetId();
   const idNodeMap: idNodeMap = {};
-  return [serializeNodeWithId(n, n, idNodeMap), idNodeMap];
+  return [serializeNodeWithId(n, n, idNodeMap, blockClass), idNodeMap];
 }
 
 export default snapshot;
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index ffb61742..9a29018d 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -50,7 +50,7 @@ describe('absolute url to stylesheet', () => {
   it('can handle multiple no quote paths', () => {
     expect(
       absoluteToStylesheet(
-        'background-image: url(images/b.jpg); background: #aabbcc url(images/a.jpg) 50% 50% repeat;',
+        'background-image: url(images/b.jpg);background: #aabbcc url(images/a.jpg) 50% 50% repeat;',
         href,
       ),
     ).to.equal(

From 1534dcf0d8fb6bb3d6ec1adb7a42d30a43a6a63c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 081/345] add typings autogen command

---
 .release-it.json      |  2 +-
 index.d.ts            | 21 -----------------
 package.json          |  5 ++--
 typings/index.d.ts    |  4 ++++
 typings/rebuild.d.ts  |  5 ++++
 typings/snapshot.d.ts |  6 +++++
 typings/types.d.ts    | 55 +++++++++++++++++++++++++++++++++++++++++++
 7 files changed, 74 insertions(+), 24 deletions(-)
 delete mode 100644 index.d.ts
 create mode 100644 typings/index.d.ts
 create mode 100644 typings/rebuild.d.ts
 create mode 100644 typings/snapshot.d.ts
 create mode 100644 typings/types.d.ts

diff --git a/.release-it.json b/.release-it.json
index 4aff1037..15b39fa3 100644
--- a/.release-it.json
+++ b/.release-it.json
@@ -1,4 +1,4 @@
 {
   "non-interactive": true,
-  "buildCommand": "npm run bundle"
+  "buildCommand": "npm run bundle && npm run typings"
 }
diff --git a/index.d.ts b/index.d.ts
deleted file mode 100644
index 27eec303..00000000
--- a/index.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { serializedNodeWithId, idNodeMap, INode } from './src/types';
-export * from './src/types';
-
-export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
-export function rebuild(
-  n: serializedNodeWithId,
-  doc: Document,
-): [Node | null, idNodeMap];
-export function serializeNodeWithId(
-  n: Node,
-  doc: Document,
-  map: idNodeMap,
-  skipChild?: boolean,
-): serializedNodeWithId | null;
-export function resetId(): void;
-export function buildNodeWithSN(
-  n: serializedNodeWithId,
-  doc: Document,
-  map: idNodeMap,
-  skipChild?: boolean,
-): INode | null;
diff --git a/package.json b/package.json
index e25bea56..5ca4698c 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
-    "bundle": "rollup --config"
+    "bundle": "rollup --config",
+    "typings": "tsc -d --declarationDir typings"
   },
   "repository": {
     "type": "git",
@@ -18,7 +19,7 @@
   "main": "lib/rrweb-snapshot.js",
   "module": "es/rrweb-snapshot.js",
   "unpkg": "dist/rrweb-snapshot.js",
-  "typings": "./index.d.ts",
+  "typings": "typings/index.d.ts",
   "files": [
     "dist",
     "lib",
diff --git a/typings/index.d.ts b/typings/index.d.ts
new file mode 100644
index 00000000..60e49702
--- /dev/null
+++ b/typings/index.d.ts
@@ -0,0 +1,4 @@
+import snapshot, { serializeNodeWithId, resetId } from './snapshot';
+import rebuild, { buildNodeWithSN } from './rebuild';
+export * from './types';
+export { snapshot, serializeNodeWithId, resetId, rebuild, buildNodeWithSN };
diff --git a/typings/rebuild.d.ts b/typings/rebuild.d.ts
new file mode 100644
index 00000000..99c76da5
--- /dev/null
+++ b/typings/rebuild.d.ts
@@ -0,0 +1,5 @@
+import { serializedNodeWithId, idNodeMap, INode } from './types';
+export declare function addHoverClass(cssText: string): string;
+export declare function buildNodeWithSN(n: serializedNodeWithId, doc: Document, map: idNodeMap, skipChild?: boolean): INode | null;
+declare function rebuild(n: serializedNodeWithId, doc: Document): [Node | null, idNodeMap];
+export default rebuild;
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
new file mode 100644
index 00000000..090eac84
--- /dev/null
+++ b/typings/snapshot.d.ts
@@ -0,0 +1,6 @@
+import { serializedNodeWithId, idNodeMap } from './types';
+export declare function resetId(): void;
+export declare function absoluteToStylesheet(cssText: string, href: string): string;
+export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string, skipChild?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass?: string): [serializedNodeWithId | null, idNodeMap];
+export default snapshot;
diff --git a/typings/types.d.ts b/typings/types.d.ts
new file mode 100644
index 00000000..556e0bdf
--- /dev/null
+++ b/typings/types.d.ts
@@ -0,0 +1,55 @@
+export declare enum NodeType {
+    Document = 0,
+    DocumentType = 1,
+    Element = 2,
+    Text = 3,
+    CDATA = 4,
+    Comment = 5
+}
+export declare type documentNode = {
+    type: NodeType.Document;
+    childNodes: serializedNodeWithId[];
+};
+export declare type documentTypeNode = {
+    type: NodeType.DocumentType;
+    name: string;
+    publicId: string;
+    systemId: string;
+};
+export declare type attributes = {
+    [key: string]: string | boolean;
+};
+export declare type elementNode = {
+    type: NodeType.Element;
+    tagName: string;
+    attributes: attributes;
+    childNodes: serializedNodeWithId[];
+    isSVG?: true;
+    needBlock?: boolean;
+};
+export declare type textNode = {
+    type: NodeType.Text;
+    textContent: string;
+    isStyle?: true;
+};
+export declare type cdataNode = {
+    type: NodeType.CDATA;
+    textContent: '';
+};
+export declare type commentNode = {
+    type: NodeType.Comment;
+    textContent: string;
+};
+export declare type serializedNode = documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode;
+export declare type serializedNodeWithId = serializedNode & {
+    id: number;
+};
+export declare type tagMap = {
+    [key: string]: string;
+};
+export interface INode extends Node {
+    __sn: serializedNodeWithId;
+}
+export declare type idNodeMap = {
+    [key: number]: INode;
+};

From 21f299a895f3df7bc803f5f67221b0c37e5e9ee9 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 082/345] Release 0.7.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5ca4698c..d9b3eb83 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 15dd46aadb3842da2406729d3c56a9bb1d08761f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 083/345] add typings folder to npm files

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d9b3eb83..6e7db22e 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,7 @@
     "dist",
     "lib",
     "es",
-    "index.d.ts",
-    "src/types.ts"
+    "typings"
   ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",

From 005f7732addefaf979152b47fc4b1a109afb6f9c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 084/345] Release 0.7.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6e7db22e..2eb6e1d4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From bd42510e23b6125de002bd38479f13a5e5298229 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 085/345] update typescript and fix test cases

---
 package.json          |  2 +-
 test/integration.ts   | 11 +++++++++--
 test/snapshot.test.ts |  2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 2eb6e1d4..b4164ed9 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,6 @@
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
     "tslint": "^4.5.1",
-    "typescript": "^3.0.3"
+    "typescript": "^3.4.1"
   }
 }
diff --git a/test/integration.ts b/test/integration.ts
index 387b7ee7..8edcebee 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -8,6 +8,7 @@ import * as rollup from 'rollup';
 import typescript = require('rollup-plugin-typescript');
 import { assert } from 'chai';
 import { SnapshotState, toMatchSnapshot } from 'jest-snapshot';
+import { Suite } from 'mocha';
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map(filePath => {
@@ -23,7 +24,7 @@ interface IMimeType {
 }
 
 const server = () =>
-  new Promise(resolve => {
+  new Promise<http.Server>(resolve => {
     const mimeType: IMimeType = {
       '.html': 'text/html',
       '.js': 'text/javascript',
@@ -66,7 +67,13 @@ function matchSnapshot(actual: string, testFile: string, testTitle: string) {
   return result;
 }
 
-describe('integration tests', () => {
+interface ISuite extends Suite {
+  server: http.Server;
+  browser: puppeteer.Browser;
+  code: string;
+}
+
+describe('integration tests', function(this: ISuite) {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 9a29018d..c2f736f9 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -54,7 +54,7 @@ describe('absolute url to stylesheet', () => {
         href,
       ),
     ).to.equal(
-      `background-image: url('http://localhost/css/images/b.jpg'); ` +
+      `background-image: url('http://localhost/css/images/b.jpg');` +
         `background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
     );
   });

From b72e01c2fced243a94d8592216b1837fdfc094a9 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 086/345] accept RegExp type block class config

---
 src/snapshot.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 19ce7d2b..f0b1813d 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -89,7 +89,7 @@ function isSVGElement(el: Element): boolean {
 function serializeNode(
   n: Node,
   doc: Document,
-  blockClass: string,
+  blockClass: string | RegExp,
 ): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -105,7 +105,16 @@ function serializeNode(
         systemId: (n as DocumentType).systemId,
       };
     case n.ELEMENT_NODE:
-      const needBlock = (n as HTMLElement).classList.contains(blockClass);
+      let needBlock = false;
+      if (typeof blockClass === 'string') {
+        needBlock = (n as HTMLElement).classList.contains(blockClass);
+      } else {
+        (n as HTMLElement).classList.forEach(className => {
+          if (blockClass.test(className)) {
+            needBlock = true;
+          }
+        });
+      }
       const tagName = (n as HTMLElement).tagName.toLowerCase();
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
@@ -219,7 +228,7 @@ export function serializeNodeWithId(
   n: Node,
   doc: Document,
   map: idNodeMap,
-  blockClass: string,
+  blockClass: string | RegExp,
   skipChild = false,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(n, doc, blockClass);

From 76ba992d06e1678aaead46a4f44ab58d24fb797b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 087/345] Release 0.7.7

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b4164ed9..58b0f612 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 090eac84..a121f558 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,6 +1,6 @@
 import { serializedNodeWithId, idNodeMap } from './types';
 export declare function resetId(): void;
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
-export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string, skipChild?: boolean): serializedNodeWithId | null;
+export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean): serializedNodeWithId | null;
 declare function snapshot(n: Document, blockClass?: string): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From 11f8a78f71452600562fb9de13ef46f2617db941 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 088/345] update typings

---
 src/snapshot.ts       | 2 +-
 typings/snapshot.d.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index f0b1813d..49642ed7 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -270,7 +270,7 @@ export function serializeNodeWithId(
 
 function snapshot(
   n: Document,
-  blockClass = 'rr-block',
+  blockClass: string | RegExp = 'rr-block',
 ): [serializedNodeWithId | null, idNodeMap] {
   resetId();
   const idNodeMap: idNodeMap = {};
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index a121f558..7de5fb4c 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -2,5 +2,5 @@ import { serializedNodeWithId, idNodeMap } from './types';
 export declare function resetId(): void;
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
 export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass?: string): [serializedNodeWithId | null, idNodeMap];
+declare function snapshot(n: Document, blockClass?: string | RegExp): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From fe59f07e9e60d195ffdac29d8e7ee1b83d253afa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 089/345] Release 0.7.8

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 58b0f612..d67f286d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 68b97e40a27da00d1271bf04549ff70fdd913980 Mon Sep 17 00:00:00 2001
From: Whalefreezer <roboenator.corp@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 090/345] add support for css @import rules (#11)

---
 src/snapshot.ts                             | 10 +++++++++-
 test/__snapshots__/integration.ts.snap      | 11 +++++++++++
 test/css/style-with-import.css              |  1 +
 test/html/with-style-sheet-with-import.html | 16 ++++++++++++++++
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 test/css/style-with-import.css
 create mode 100644 test/html/with-style-sheet-with-import.html

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 49642ed7..1be1b6a4 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -21,13 +21,21 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
     return rules
-      ? Array.from(rules).reduce((prev, cur) => (prev += cur.cssText), '')
+      ? Array.from(rules).reduce((prev, cur) => prev + getCssRuleString(cur), '')
       : null;
   } catch (error) {
     return null;
   }
 }
 
+function getCssRuleString(rule: CSSRule): string {
+  return isCSSImportRule(rule) ? getCssRulesString(rule.styleSheet) || '' : rule.cssText;
+}
+
+function isCSSImportRule(rule: CSSRule): rule is CSSImportRule {
+  return 'styleSheet' in rule;
+}
+
 function extractOrigin(url: string): string {
   let origin;
   if (url.indexOf('//') > -1) {
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 2c3d42b8..2ee77d42 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -205,3 +205,14 @@ exports[`[html file]: with-style-sheet.html 1`] = `
 </head><body>
 </body></html>"
 `;
+
+exports[`[html file]: with-style-sheet-with-import.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>with style sheet with import</title>
+  <style>body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+</head><body>
+</body></html>"
+`;
diff --git a/test/css/style-with-import.css b/test/css/style-with-import.css
new file mode 100644
index 00000000..61058d7b
--- /dev/null
+++ b/test/css/style-with-import.css
@@ -0,0 +1 @@
+@import "./style.css";
diff --git a/test/html/with-style-sheet-with-import.html b/test/html/with-style-sheet-with-import.html
new file mode 100644
index 00000000..6b45f65b
--- /dev/null
+++ b/test/html/with-style-sheet-with-import.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>with style sheet with import</title>
+  <link rel="stylesheet" href="/css/style-with-import.css">
+</head>
+
+<body>
+
+</body>
+
+</html>

From c4da047b9f2258138439d44c1b78797b8ed98c5c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 091/345] add inline option which can bypass the inline
 stylesheet

---
 package.json          |  4 ++--
 src/snapshot.ts       | 21 ++++++++++++++++-----
 test/integration.ts   |  4 +++-
 typings/snapshot.d.ts |  4 ++--
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index d67f286d..e9478e86 100644
--- a/package.json
+++ b/package.json
@@ -36,12 +36,12 @@
     "@types/chai": "^4.1.4",
     "@types/mocha": "^5.2.5",
     "@types/node": "^10.11.3",
-    "@types/puppeteer": "^1.8.0",
+    "@types/puppeteer": "^1.12.4",
     "chai": "^4.1.2",
     "cross-env": "^5.2.0",
     "jest-snapshot": "^23.6.0",
     "mocha": "^5.2.0",
-    "puppeteer": "^1.10.0",
+    "puppeteer": "^1.15.0",
     "rollup": "^0.66.4",
     "rollup-plugin-terser": "^3.0.0",
     "rollup-plugin-typescript": "^1.0.0",
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 1be1b6a4..5a56d65a 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -21,7 +21,10 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
     return rules
-      ? Array.from(rules).reduce((prev, cur) => prev + getCssRuleString(cur), '')
+      ? Array.from(rules).reduce(
+          (prev, cur) => prev + getCssRuleString(cur),
+          '',
+        )
       : null;
   } catch (error) {
     return null;
@@ -29,7 +32,9 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
 }
 
 function getCssRuleString(rule: CSSRule): string {
-  return isCSSImportRule(rule) ? getCssRulesString(rule.styleSheet) || '' : rule.cssText;
+  return isCSSImportRule(rule)
+    ? getCssRulesString(rule.styleSheet) || ''
+    : rule.cssText;
 }
 
 function isCSSImportRule(rule: CSSRule): rule is CSSImportRule {
@@ -98,6 +103,7 @@ function serializeNode(
   n: Node,
   doc: Document,
   blockClass: string | RegExp,
+  inlineStylesheet: boolean,
 ): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -136,7 +142,7 @@ function serializeNode(
         }
       }
       // remote css
-      if (tagName === 'link') {
+      if (tagName === 'link' && inlineStylesheet) {
         const stylesheet = Array.from(doc.styleSheets).find(s => {
           return s.href === (n as HTMLLinkElement).href;
         });
@@ -238,8 +244,9 @@ export function serializeNodeWithId(
   map: idNodeMap,
   blockClass: string | RegExp,
   skipChild = false,
+  inlineStylesheet = true,
 ): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(n, doc, blockClass);
+  const _serializedNode = serializeNode(n, doc, blockClass, inlineStylesheet);
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
@@ -279,10 +286,14 @@ export function serializeNodeWithId(
 function snapshot(
   n: Document,
   blockClass: string | RegExp = 'rr-block',
+  inlineStylesheet = true,
 ): [serializedNodeWithId | null, idNodeMap] {
   resetId();
   const idNodeMap: idNodeMap = {};
-  return [serializeNodeWithId(n, n, idNodeMap, blockClass), idNodeMap];
+  return [
+    serializeNodeWithId(n, n, idNodeMap, blockClass, false, inlineStylesheet),
+    idNodeMap,
+  ];
 }
 
 export default snapshot;
diff --git a/test/integration.ts b/test/integration.ts
index 8edcebee..c0fdf2af 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -104,7 +104,9 @@ describe('integration tests', function(this: ISuite) {
       // tslint:disable-next-line: no-console
       page.on('console', msg => console.log(msg.text()));
       await page.goto(`http://localhost:3030/html`);
-      await page.setContent(html.src);
+      await page.setContent(html.src, {
+        waitUntil: 'load',
+      });
       const rebuildHtml = (await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 7de5fb4c..61ed5163 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,6 +1,6 @@
 import { serializedNodeWithId, idNodeMap } from './types';
 export declare function resetId(): void;
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
-export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass?: string | RegExp): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From 75b0a399973da8f87bf682b106babeb99159d690 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 092/345] Release 0.7.9

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e9478e86..e8f82ffa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From cf5e17503d38f80ffdff720d441fb5cfa7f2373a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 093/345] pass inline stylesheet option to iteratly

---
 src/snapshot.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 5a56d65a..dd2a5447 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -274,6 +274,8 @@ export function serializeNodeWithId(
         doc,
         map,
         blockClass,
+        skipChild,
+        inlineStylesheet,
       );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);

From 2c5bb90b2fb1f89d522ebafde7e117d2e91200d8 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 094/345] Release 0.7.10

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e8f82ffa..0b6f3058 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.9",
+  "version": "0.7.10",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From ad816f7b7f5355d4a811b89374aa133fa8d0ee16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Beno=C3=AEt=20Zugmeyer?= <bzugmeyer@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 095/345] reuse serialized nodes ids (#12)

* reuse serialized nodes ids

With this patch, each DOM node keeps its id during its existence. This
allows to apply RRWeb events to previous snapshots if needed.

`resetId` has been removed because it loses its meaning: calling it
would not reset the existing nodes ids anymore, only the new ones.

Since we don't reset the id anymore, we may exhaust the available ids
quicker, but Number.MAX_SAFE_INTEGER (2 ** 53 - 1) is pretty large, so I
doubt this'll cause any problem.

* improv TS typing

The `nAsINode` variable was not very elegant.  Simplify this by removing
the cast, and make the INode interface compatible with Node.

* update typings
---
 src/index.ts          |  4 ++--
 src/snapshot.ts       | 20 ++++++++++----------
 typings/index.d.ts    |  4 ++--
 typings/snapshot.d.ts |  5 ++---
 4 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index f3238ea2..5b2b0b9f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
-import snapshot, { serializeNodeWithId, resetId } from './snapshot';
+import snapshot, { serializeNodeWithId } from './snapshot';
 import rebuild, { buildNodeWithSN } from './rebuild';
 export * from './types';
 
-export { snapshot, serializeNodeWithId, resetId, rebuild, buildNodeWithSN };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index dd2a5447..2c0e170e 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -13,10 +13,6 @@ function genId(): number {
   return _id++;
 }
 
-export function resetId() {
-  _id = 1;
-}
-
 function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
@@ -239,7 +235,7 @@ function serializeNode(
 }
 
 export function serializeNodeWithId(
-  n: Node,
+  n: Node | INode,
   doc: Document,
   map: idNodeMap,
   blockClass: string | RegExp,
@@ -252,11 +248,16 @@ export function serializeNodeWithId(
     console.warn(n, 'not serialized');
     return null;
   }
-  const serializedNode = Object.assign(_serializedNode, {
-    id: genId(),
-  });
+  let id
+  // Try to reuse the previous id
+  if ('__sn' in n) {
+    id = n.__sn.id
+  } else {
+    id = genId()
+  }
+  const serializedNode = Object.assign(_serializedNode, { id });
   (n as INode).__sn = serializedNode;
-  map[serializedNode.id] = n as INode;
+  map[id] = (n as INode);
   let recordChild = !skipChild;
   if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
@@ -290,7 +291,6 @@ function snapshot(
   blockClass: string | RegExp = 'rr-block',
   inlineStylesheet = true,
 ): [serializedNodeWithId | null, idNodeMap] {
-  resetId();
   const idNodeMap: idNodeMap = {};
   return [
     serializeNodeWithId(n, n, idNodeMap, blockClass, false, inlineStylesheet),
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 60e49702..87f610a3 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId, resetId } from './snapshot';
+import snapshot, { serializeNodeWithId } from './snapshot';
 import rebuild, { buildNodeWithSN } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, resetId, rebuild, buildNodeWithSN };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN };
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 61ed5163..e8605417 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,6 +1,5 @@
-import { serializedNodeWithId, idNodeMap } from './types';
-export declare function resetId(): void;
+import { serializedNodeWithId, INode, idNodeMap } from './types';
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
-export declare function serializeNodeWithId(n: Node, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean): serializedNodeWithId | null;
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean): serializedNodeWithId | null;
 declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From 149c78802a370233875db944206b06d7efe167e2 Mon Sep 17 00:00:00 2001
From: Razvan Sandu <razvann93@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 096/345] Allow rendering image tags inside svgs during replay
 (#13)

---
 src/rebuild.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 1d2c5357..d5c67a2c 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -109,7 +109,11 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
             continue;
           }
           try {
-            node.setAttribute(name, value);
+            if (n.isSVG && name === 'xlink:href') {
+              node.setAttributeNS('http://www.w3.org/1999/xlink', name, value);
+            } else {
+              node.setAttribute(name, value);
+            }
           } catch (error) {
             // skip invalid attribute
           }

From 1a3b17bae44f47c1f46a6a63746b68a7359c5164 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 097/345] format code

---
 src/snapshot.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 2c0e170e..da6fcf1c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -248,16 +248,16 @@ export function serializeNodeWithId(
     console.warn(n, 'not serialized');
     return null;
   }
-  let id
+  let id;
   // Try to reuse the previous id
   if ('__sn' in n) {
-    id = n.__sn.id
+    id = n.__sn.id;
   } else {
-    id = genId()
+    id = genId();
   }
   const serializedNode = Object.assign(_serializedNode, { id });
   (n as INode).__sn = serializedNode;
-  map[id] = (n as INode);
+  map[id] = n as INode;
   let recordChild = !skipChild;
   if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;

From 06f1a28a0aee6c9137205c922c5149055344fa87 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 098/345] Release 0.7.11

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0b6f3058..2601759c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 6ecaaa256099b642f45e89029d703624b9df89fe Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 099/345] add mask all inputs option to snapshot

---
 src/snapshot.ts | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index da6fcf1c..0ffa96d8 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -100,6 +100,7 @@ function serializeNode(
   doc: Document,
   blockClass: string | RegExp,
   inlineStylesheet: boolean,
+  maskAllInputs: boolean,
 ): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -177,7 +178,7 @@ function serializeNode(
           attributes.type !== 'checkbox' &&
           value
         ) {
-          attributes.value = value;
+          attributes.value = maskAllInputs ? '*'.repeat(value.length) : value;
         } else if ((n as HTMLInputElement).checked) {
           attributes.checked = (n as HTMLInputElement).checked;
         }
@@ -241,8 +242,15 @@ export function serializeNodeWithId(
   blockClass: string | RegExp,
   skipChild = false,
   inlineStylesheet = true,
+  maskAllInputs = false,
 ): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(n, doc, blockClass, inlineStylesheet);
+  const _serializedNode = serializeNode(
+    n,
+    doc,
+    blockClass,
+    inlineStylesheet,
+    maskAllInputs,
+  );
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
@@ -290,10 +298,19 @@ function snapshot(
   n: Document,
   blockClass: string | RegExp = 'rr-block',
   inlineStylesheet = true,
+  maskAllInputs = false,
 ): [serializedNodeWithId | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
   return [
-    serializeNodeWithId(n, n, idNodeMap, blockClass, false, inlineStylesheet),
+    serializeNodeWithId(
+      n,
+      n,
+      idNodeMap,
+      blockClass,
+      false,
+      inlineStylesheet,
+      maskAllInputs,
+    ),
     idNodeMap,
   ];
 }

From c5b0f985da286595babbddecd59f11a1c977b3fd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 100/345] Release 0.7.12

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 2601759c..c827bc5e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.11",
+  "version": "0.7.12",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index e8605417..594b8ccd 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,5 +1,5 @@
 import { serializedNodeWithId, INode, idNodeMap } from './types';
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskAllInputs?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean, maskAllInputs?: boolean): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From 21e8affa2b160530f744171ae23e4fdd11c46593 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 101/345] Use css parser to add hover class name to selectors.
 Previously we use a regexp to match all the CSS selectors and add our hover
 class name to it, which has been proved not solid and may be very slow in
 some situation. Using a production ready css parser can handle this better
 and also provide ability's to do more accurate things to the recorded
 stylesheets.

---
 src/css.ts             | 909 +++++++++++++++++++++++++++++++++++++++++
 src/rebuild.ts         |  24 +-
 test/css.test.ts       | 111 +++++
 test/css/benchmark.css |   6 +
 test/rebuild.test.ts   |  14 +
 5 files changed, 1054 insertions(+), 10 deletions(-)
 create mode 100644 src/css.ts
 create mode 100644 test/css.test.ts
 create mode 100644 test/css/benchmark.css

diff --git a/src/css.ts b/src/css.ts
new file mode 100644
index 00000000..1bef07fb
--- /dev/null
+++ b/src/css.ts
@@ -0,0 +1,909 @@
+/**
+ * This file is a fork of https://github.com/reworkcss/css/blob/master/lib/parse/index.js
+ * I fork it because:
+ * 1. The css library was built for node.js which does not have tree-shaking supports.
+ * 2. Rewrites into typescript give us a better type interface.
+ */
+
+/* tslint:disable no-conditional-assignment interface-name no-shadowed-variable */
+
+export interface ParserOptions {
+  /** Silently fail on parse errors */
+  silent?: boolean;
+  /**
+   * The path to the file containing css.
+   * Makes errors and source maps more helpful, by letting them know where code comes from.
+   */
+  source?: string;
+}
+
+/**
+ * Error thrown during parsing.
+ */
+export interface ParserError {
+  /** The full error message with the source position. */
+  message?: string;
+  /** The error message without position. */
+  reason?: string;
+  /** The value of options.source if passed to css.parse. Otherwise undefined. */
+  filename?: string;
+  line?: number;
+  column?: number;
+  /** The portion of code that couldn't be parsed. */
+  source?: string;
+}
+
+export interface Loc {
+  line?: number;
+  column?: number;
+}
+
+/**
+ * Base AST Tree Node.
+ */
+export interface Node {
+  /** The possible values are the ones listed in the Types section on https://github.com/reworkcss/css page. */
+  type?: string;
+  /** A reference to the parent node, or null if the node has no parent. */
+  parent?: Node;
+  /** Information about the position in the source string that corresponds to the node. */
+  position?: {
+    start?: Loc;
+    end?: Loc;
+    /** The value of options.source if passed to css.parse. Otherwise undefined. */
+    source?: string;
+    /** The full source string passed to css.parse. */
+    content?: string;
+  };
+}
+
+export interface Rule extends Node {
+  /** The list of selectors of the rule, split on commas. Each selector is trimmed from whitespace and comments. */
+  selectors?: string[];
+  /** Array of nodes with the types declaration and comment. */
+  declarations?: Array<Declaration | Comment>;
+}
+
+export interface Declaration extends Node {
+  /** The property name, trimmed from whitespace and comments. May not be empty. */
+  property?: string;
+  /** The value of the property, trimmed from whitespace and comments. Empty values are allowed. */
+  value?: string;
+}
+
+/**
+ * A rule-level or declaration-level comment. Comments inside selectors, properties and values etc. are lost.
+ */
+export interface Comment extends Node {
+  comment?: string;
+}
+
+/**
+ * The @charset at-rule.
+ */
+export interface Charset extends Node {
+  /** The part following @charset. */
+  charset?: string;
+}
+
+/**
+ * The @custom-media at-rule
+ */
+export interface CustomMedia extends Node {
+  /** The ---prefixed name. */
+  name?: string;
+  /** The part following the name. */
+  media?: string;
+}
+
+/**
+ * The @document at-rule.
+ */
+export interface Document extends Node {
+  /** The part following @document. */
+  document?: string;
+  /** The vendor prefix in @document, or undefined if there is none. */
+  vendor?: string;
+  /** Array of nodes with the types rule, comment and any of the at-rule types. */
+  rules?: Array<Rule | Comment | AtRule>;
+}
+
+/**
+ * The @font-face at-rule.
+ */
+export interface FontFace extends Node {
+  /** Array of nodes with the types declaration and comment. */
+  declarations?: Array<Declaration | Comment>;
+}
+
+/**
+ * The @host at-rule.
+ */
+export interface Host extends Node {
+  /** Array of nodes with the types rule, comment and any of the at-rule types. */
+  rules?: Array<Rule | Comment | AtRule>;
+}
+
+/**
+ * The @import at-rule.
+ */
+export interface Import extends Node {
+  /** The part following @import. */
+  import?: string;
+}
+
+/**
+ * The @keyframes at-rule.
+ */
+export interface KeyFrames extends Node {
+  /** The name of the keyframes rule. */
+  name?: string;
+  /** The vendor prefix in @keyframes, or undefined if there is none. */
+  vendor?: string;
+  /** Array of nodes with the types keyframe and comment. */
+  keyframes?: Array<KeyFrame | Comment>;
+}
+
+export interface KeyFrame extends Node {
+  /** The list of "selectors" of the keyframe rule, split on commas. Each “selector” is trimmed from whitespace. */
+  values?: string[];
+  /** Array of nodes with the types declaration and comment. */
+  declarations?: Array<Declaration | Comment>;
+}
+
+/**
+ * The @media at-rule.
+ */
+export interface Media extends Node {
+  /** The part following @media. */
+  media?: string;
+  /** Array of nodes with the types rule, comment and any of the at-rule types. */
+  rules?: Array<Rule | Comment | AtRule>;
+}
+
+/**
+ * The @namespace at-rule.
+ */
+export interface Namespace extends Node {
+  /** The part following @namespace. */
+  namespace?: string;
+}
+
+/**
+ * The @page at-rule.
+ */
+export interface Page extends Node {
+  /** The list of selectors of the rule, split on commas. Each selector is trimmed from whitespace and comments. */
+  selectors?: string[];
+  /** Array of nodes with the types declaration and comment. */
+  declarations?: Array<Declaration | Comment>;
+}
+
+/**
+ * The @supports at-rule.
+ */
+export interface Supports extends Node {
+  /** The part following @supports. */
+  supports?: string;
+  /** Array of nodes with the types rule, comment and any of the at-rule types. */
+  rules?: Array<Rule | Comment | AtRule>;
+}
+
+/** All at-rules. */
+export type AtRule =
+  | Charset
+  | CustomMedia
+  | Document
+  | FontFace
+  | Host
+  | Import
+  | KeyFrames
+  | Media
+  | Namespace
+  | Page
+  | Supports;
+
+/**
+ * A collection of rules
+ */
+export interface StyleRules {
+  source?: string;
+  /** Array of nodes with the types rule, comment and any of the at-rule types. */
+  rules: Array<Rule | Comment | AtRule>;
+  /** Array of Errors. Errors collected during parsing when option silent is true. */
+  parsingErrors?: ParserError[];
+}
+
+/**
+ * The root node returned by css.parse.
+ */
+export interface Stylesheet extends Node {
+  stylesheet?: StyleRules;
+}
+
+// http://www.w3.org/TR/CSS21/grammar.html
+// https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
+const commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
+
+export function parse(css: string, options: ParserOptions = {}) {
+  /**
+   * Positional.
+   */
+
+  let lineno = 1;
+  let column = 1;
+
+  /**
+   * Update lineno and column based on `str`.
+   */
+
+  function updatePosition(str: string) {
+    const lines = str.match(/\n/g);
+    if (lines) {
+      lineno += lines.length;
+    }
+    let i = str.lastIndexOf('\n');
+    column = i === -1 ? column + str.length : str.length - i;
+  }
+
+  /**
+   * Mark position and patch `node.position`.
+   */
+
+  function position() {
+    const start = { line: lineno, column };
+    return (
+      node: Rule | Declaration | Comment | AtRule | Stylesheet | KeyFrame,
+    ) => {
+      node.position = new Position(start);
+      whitespace();
+      return node;
+    };
+  }
+
+  /**
+   * Store position information for a node
+   */
+
+  class Position {
+    public content!: string;
+    public start!: Loc;
+    public end!: Loc;
+    public source?: string;
+
+    constructor(start: Loc) {
+      this.start = start;
+      this.end = { line: lineno, column };
+      this.source = options.source;
+    }
+  }
+
+  /**
+   * Non-enumerable source string
+   */
+
+  Position.prototype.content = css;
+
+  const errorsList: ParserError[] = [];
+
+  function error(msg: string) {
+    const err = new Error(
+      options.source + ':' + lineno + ':' + column + ': ' + msg,
+    ) as ParserError;
+    err.reason = msg;
+    err.filename = options.source;
+    err.line = lineno;
+    err.column = column;
+    err.source = css;
+
+    if (options.silent) {
+      errorsList.push(err);
+    } else {
+      throw err;
+    }
+  }
+
+  /**
+   * Parse stylesheet.
+   */
+
+  function stylesheet(): Stylesheet {
+    const rulesList = rules();
+
+    return {
+      type: 'stylesheet',
+      stylesheet: {
+        source: options.source,
+        rules: rulesList,
+        parsingErrors: errorsList,
+      },
+    };
+  }
+
+  /**
+   * Opening brace.
+   */
+
+  function open() {
+    return match(/^{\s*/);
+  }
+
+  /**
+   * Closing brace.
+   */
+
+  function close() {
+    return match(/^}/);
+  }
+
+  /**
+   * Parse ruleset.
+   */
+
+  function rules() {
+    let node: Rule | void;
+    const rules: Rule[] = [];
+    whitespace();
+    comments(rules);
+    while (css.length && css.charAt(0) !== '}' && (node = atrule() || rule())) {
+      if (node !== false) {
+        rules.push(node);
+        comments(rules);
+      }
+    }
+    return rules;
+  }
+
+  /**
+   * Match `re` and return captures.
+   */
+
+  function match(re: RegExp) {
+    const m = re.exec(css);
+    if (!m) {
+      return;
+    }
+    const str = m[0];
+    updatePosition(str);
+    css = css.slice(str.length);
+    return m;
+  }
+
+  /**
+   * Parse whitespace.
+   */
+
+  function whitespace() {
+    match(/^\s*/);
+  }
+
+  /**
+   * Parse comments;
+   */
+
+  function comments(rules: Rule[] = []) {
+    let c: Comment | void;
+    while ((c = comment())) {
+      if (c !== false) {
+        rules.push(c);
+      }
+      c = comment();
+    }
+    return rules;
+  }
+
+  /**
+   * Parse comment.
+   */
+
+  function comment() {
+    const pos = position();
+    if ('/' !== css.charAt(0) || '*' !== css.charAt(1)) {
+      return;
+    }
+
+    let i = 2;
+    while (
+      '' !== css.charAt(i) &&
+      ('*' !== css.charAt(i) || '/' !== css.charAt(i + 1))
+    ) {
+      ++i;
+    }
+    i += 2;
+
+    if ('' === css.charAt(i - 1)) {
+      return error('End of comment missing');
+    }
+
+    const str = css.slice(2, i - 2);
+    column += 2;
+    updatePosition(str);
+    css = css.slice(i);
+    column += 2;
+
+    return pos({
+      type: 'comment',
+      comment: str,
+    });
+  }
+
+  /**
+   * Parse selector.
+   */
+
+  function selector() {
+    const m = match(/^([^{]+)/);
+    if (!m) {
+      return;
+    }
+    /* @fix Remove all comments from selectors
+     * http://ostermiller.org/findcomment.html */
+    return trim(m[0])
+      .replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '')
+      .replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, m => {
+        return m.replace(/,/g, '\u200C');
+      })
+      .split(/\s*(?![^(]*\)),\s*/)
+      .map(s => {
+        return s.replace(/\u200C/g, ',');
+      });
+  }
+
+  /**
+   * Parse declaration.
+   */
+
+  function declaration(): Declaration | void | never {
+    const pos = position();
+
+    // prop
+    let propMatch = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
+    if (!propMatch) {
+      return;
+    }
+    const prop = trim(propMatch[0]);
+
+    // :
+    if (!match(/^:\s*/)) {
+      return error(`property missing ':'`);
+    }
+
+    // val
+    const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
+
+    const ret = pos({
+      type: 'declaration',
+      property: prop.replace(commentre, ''),
+      value: val ? trim(val[0]).replace(commentre, '') : '',
+    });
+
+    // ;
+    match(/^[;\s]*/);
+
+    return ret;
+  }
+
+  /**
+   * Parse declarations.
+   */
+
+  function declarations() {
+    const decls: Array<object> = [];
+
+    if (!open()) {
+      return error(`missing '{'`);
+    }
+    comments(decls);
+
+    // declarations
+    let decl;
+    while ((decl = declaration())) {
+      if ((decl as unknown) !== false) {
+        decls.push(decl);
+        comments(decls);
+      }
+      decl = declaration();
+    }
+
+    if (!close()) {
+      return error(`missing '}'`);
+    }
+    return decls;
+  }
+
+  /**
+   * Parse keyframe.
+   */
+
+  function keyframe() {
+    let m;
+    const vals = [];
+    const pos = position();
+
+    while ((m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/))) {
+      vals.push(m[1]);
+      match(/^,\s*/);
+    }
+
+    if (!vals.length) {
+      return;
+    }
+
+    return pos({
+      type: 'keyframe',
+      values: vals,
+      declarations: declarations() as Declaration[],
+    });
+  }
+
+  /**
+   * Parse keyframes.
+   */
+
+  function atkeyframes() {
+    const pos = position();
+    let m = match(/^@([-\w]+)?keyframes\s*/);
+
+    if (!m) {
+      return;
+    }
+    const vendor = m[1];
+
+    // identifier
+    m = match(/^([-\w]+)\s*/);
+    if (!m) {
+      return error('@keyframes missing name');
+    }
+    const name = m[1];
+
+    if (!open()) {
+      return error(`@keyframes missing '{'`);
+    }
+
+    let frame;
+    let frames = comments();
+    while ((frame = keyframe())) {
+      frames.push(frame);
+      frames = frames.concat(comments());
+    }
+
+    if (!close()) {
+      return error(`@keyframes missing '}'`);
+    }
+
+    return pos({
+      type: 'keyframes',
+      name,
+      vendor,
+      keyframes: frames,
+    });
+  }
+
+  /**
+   * Parse supports.
+   */
+
+  function atsupports() {
+    const pos = position();
+    const m = match(/^@supports *([^{]+)/);
+
+    if (!m) {
+      return;
+    }
+    const supports = trim(m[1]);
+
+    if (!open()) {
+      return error(`@supports missing '{'`);
+    }
+
+    const style = comments().concat(rules());
+
+    if (!close()) {
+      return error(`@supports missing '}'`);
+    }
+
+    return pos({
+      type: 'supports',
+      supports,
+      rules: style,
+    });
+  }
+
+  /**
+   * Parse host.
+   */
+
+  function athost() {
+    const pos = position();
+    const m = match(/^@host\s*/);
+
+    if (!m) {
+      return;
+    }
+
+    if (!open()) {
+      return error(`@host missing '{'`);
+    }
+
+    const style = comments().concat(rules());
+
+    if (!close()) {
+      return error(`@host missing '}'`);
+    }
+
+    return pos({
+      type: 'host',
+      rules: style,
+    });
+  }
+
+  /**
+   * Parse media.
+   */
+
+  function atmedia() {
+    const pos = position();
+    const m = match(/^@media *([^{]+)/);
+
+    if (!m) {
+      return;
+    }
+    const media = trim(m[1]);
+
+    if (!open()) {
+      return error(`@media missing '{'`);
+    }
+
+    const style = comments().concat(rules());
+
+    if (!close()) {
+      return error(`@media missing '}'`);
+    }
+
+    return pos({
+      type: 'media',
+      media,
+      rules: style,
+    });
+  }
+
+  /**
+   * Parse custom-media.
+   */
+
+  function atcustommedia() {
+    const pos = position();
+    const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
+    if (!m) {
+      return;
+    }
+
+    return pos({
+      type: 'custom-media',
+      name: trim(m[1]),
+      media: trim(m[2]),
+    });
+  }
+
+  /**
+   * Parse paged media.
+   */
+
+  function atpage() {
+    const pos = position();
+    const m = match(/^@page */);
+    if (!m) {
+      return;
+    }
+
+    const sel = selector() || [];
+
+    if (!open()) {
+      return error(`@page missing '{'`);
+    }
+    let decls = comments();
+
+    // declarations
+    let decl;
+    while ((decl = declaration())) {
+      decls.push(decl);
+      decls = decls.concat(comments());
+    }
+
+    if (!close()) {
+      return error(`@page missing '}'`);
+    }
+
+    return pos({
+      type: 'page',
+      selectors: sel,
+      declarations: decls,
+    });
+  }
+
+  /**
+   * Parse document.
+   */
+
+  function atdocument() {
+    const pos = position();
+    const m = match(/^@([-\w]+)?document *([^{]+)/);
+    if (!m) {
+      return;
+    }
+
+    const vendor = trim(m[1]);
+    const doc = trim(m[2]);
+
+    if (!open()) {
+      return error(`@document missing '{'`);
+    }
+
+    const style = comments().concat(rules());
+
+    if (!close()) {
+      return error(`@document missing '}'`);
+    }
+
+    return pos({
+      type: 'document',
+      document: doc,
+      vendor,
+      rules: style,
+    });
+  }
+
+  /**
+   * Parse font-face.
+   */
+
+  function atfontface() {
+    const pos = position();
+    const m = match(/^@font-face\s*/);
+    if (!m) {
+      return;
+    }
+
+    if (!open()) {
+      return error(`@font-face missing '{'`);
+    }
+    let decls = comments();
+
+    // declarations
+    let decl;
+    while ((decl = declaration())) {
+      decls.push(decl);
+      decls = decls.concat(comments());
+    }
+
+    if (!close()) {
+      return error(`@font-face missing '}'`);
+    }
+
+    return pos({
+      type: 'font-face',
+      declarations: decls,
+    });
+  }
+
+  /**
+   * Parse import
+   */
+
+  const atimport = _compileAtrule('import');
+
+  /**
+   * Parse charset
+   */
+
+  const atcharset = _compileAtrule('charset');
+
+  /**
+   * Parse namespace
+   */
+
+  const atnamespace = _compileAtrule('namespace');
+
+  /**
+   * Parse non-block at-rules
+   */
+
+  function _compileAtrule(name: string) {
+    const re = new RegExp('^@' + name + '\\s*([^;]+);');
+    return () => {
+      const pos = position();
+      const m = match(re);
+      if (!m) {
+        return;
+      }
+      const ret: Record<string, string> = { type: name };
+      ret[name] = m[1].trim();
+      return pos(ret);
+    };
+  }
+
+  /**
+   * Parse at rule.
+   */
+
+  function atrule() {
+    if (css[0] !== '@') {
+      return;
+    }
+
+    return (
+      atkeyframes() ||
+      atmedia() ||
+      atcustommedia() ||
+      atsupports() ||
+      atimport() ||
+      atcharset() ||
+      atnamespace() ||
+      atdocument() ||
+      atpage() ||
+      athost() ||
+      atfontface()
+    );
+  }
+
+  /**
+   * Parse rule.
+   */
+
+  function rule() {
+    const pos = position();
+    const sel = selector();
+
+    if (!sel) {
+      return error('selector missing');
+    }
+    comments();
+
+    return pos({
+      type: 'rule',
+      selectors: sel,
+      declarations: declarations() as Declaration[],
+    });
+  }
+
+  return addParent(stylesheet());
+}
+
+/**
+ * Trim `str`.
+ */
+
+function trim(str: string) {
+  return str ? str.replace(/^\s+|\s+$/g, '') : '';
+}
+
+/**
+ * Adds non-enumerable parent node reference to each node.
+ */
+
+function addParent(obj: Stylesheet, parent?: Stylesheet) {
+  const isNode = obj && typeof obj.type === 'string';
+  const childParent = isNode ? obj : parent;
+
+  for (const k of Object.keys(obj)) {
+    const value = obj[k as keyof Stylesheet];
+    if (Array.isArray(value)) {
+      value.forEach(v => {
+        addParent(v, childParent);
+      });
+    } else if (value && typeof value === 'object') {
+      addParent((value as unknown) as Stylesheet, childParent);
+    }
+  }
+
+  if (isNode) {
+    Object.defineProperty(obj, 'parent', {
+      configurable: true,
+      writable: true,
+      enumerable: false,
+      value: parent || null,
+    });
+  }
+
+  return obj;
+}
diff --git a/src/rebuild.ts b/src/rebuild.ts
index d5c67a2c..94cc244c 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -1,3 +1,4 @@
+import { parse } from './css';
 import {
   serializedNodeWithId,
   NodeType,
@@ -55,20 +56,23 @@ function getTagName(n: elementNode): string {
   return tagName;
 }
 
-const CSS_SELECTOR = /([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g;
 const HOVER_SELECTOR = /([^\\]):hover/g;
 export function addHoverClass(cssText: string): string {
-  return cssText.replace(CSS_SELECTOR, (match, p1: string, p2: string) => {
-    if (HOVER_SELECTOR.test(p1)) {
-      const newSelector = p1.replace(HOVER_SELECTOR, '$1.\\:hover');
-      return `${p1.replace(/\s*$/, '')}, ${newSelector.replace(
-        /^\s*/,
-        '',
-      )}${p2}`;
-    } else {
-      return match;
+  const ast = parse(cssText);
+  if (!ast.stylesheet) {
+    return cssText;
+  }
+  ast.stylesheet.rules.forEach(rule => {
+    if ('selectors' in rule) {
+      (rule.selectors || []).forEach((selector: string) => {
+        if (HOVER_SELECTOR.test(selector)) {
+          const newSelector = selector.replace(HOVER_SELECTOR, '$1.\\:hover');
+          cssText = cssText.replace(selector, `${selector}, ${newSelector}`);
+        }
+      });
     }
   });
+  return cssText;
 }
 
 function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
diff --git a/test/css.test.ts b/test/css.test.ts
new file mode 100644
index 00000000..f94c06d7
--- /dev/null
+++ b/test/css.test.ts
@@ -0,0 +1,111 @@
+import 'mocha';
+import { expect } from 'chai';
+import { parse, Rule, Media } from '../src/css';
+
+describe('css parser', () => {
+  it('should save the filename and source', () => {
+    const css = 'booty {\n  size: large;\n}\n';
+    const ast = parse(css, {
+      source: 'booty.css',
+    });
+
+    expect(ast.stylesheet!.source).to.equal('booty.css');
+
+    const position = ast.stylesheet!.rules[0].position!;
+    expect(position.start).to.be.ok;
+    expect(position.end).to.be.ok;
+    expect(position.source).to.equal('booty.css');
+    expect(position.content).to.equal(css);
+  });
+
+  it('should throw when a selector is missing', () => {
+    expect(() => {
+      parse('{size: large}');
+    }).to.throw();
+
+    expect(() => {
+      parse('b { color: red; }\n{ color: green; }\na { color: blue; }');
+    }).to.throw();
+  });
+
+  it('should throw when a broken comment is found', () => {
+    expect(() => {
+      parse('thing { color: red; } /* b { color: blue; }');
+    }).to.throw();
+
+    expect(() => {
+      parse('/*');
+    }).to.throw();
+
+    /* Nested comments should be fine */
+    expect(() => {
+      parse('/* /* */');
+    }).to.not.throw();
+  });
+
+  it('should allow empty property value', () => {
+    expect(() => {
+      parse('p { color:; }');
+    }).to.not.throw();
+  });
+
+  it('should not throw with silent option', () => {
+    expect(() => {
+      parse('thing { color: red; } /* b { color: blue; }', { silent: true });
+    }).to.not.throw();
+  });
+
+  it('should list the parsing errors and continue parsing', () => {
+    const result = parse(
+      'foo { color= red; } bar { color: blue; } baz {}} boo { display: none}',
+      {
+        silent: true,
+        source: 'foo.css',
+      },
+    );
+
+    const rules = result.stylesheet!.rules;
+    expect(rules.length).to.above(2);
+
+    const errors = result.stylesheet!.parsingErrors!;
+    expect(errors.length).to.equal(2);
+
+    expect(errors[0]).to.have.property('message');
+    expect(errors[0]).to.have.property('reason');
+    expect(errors[0]).to.have.property('filename');
+    expect(errors[0]).to.have.property('line');
+    expect(errors[0]).to.have.property('column');
+    expect(errors[0]).to.have.property('source');
+    expect(errors[0].filename).to.equal('foo.css');
+  });
+
+  it('should set parent property', () => {
+    const result = parse(
+      'thing { test: value; }\n' +
+        '@media (min-width: 100px) { thing { test: value; } }',
+    );
+
+    expect(result.parent).to.equal(null);
+
+    const rules = result.stylesheet!.rules;
+    expect(rules.length).to.equal(2);
+
+    let rule = rules[0] as Rule;
+    expect(rule.parent).to.equal(result);
+    expect(rule.declarations!.length).to.equal(1);
+
+    let decl = rule.declarations![0];
+    expect(decl.parent).to.equal(rule);
+
+    const media = rules[1] as Media;
+    expect(media.parent).to.equal(result);
+    expect(media.rules!.length).to.equal(1);
+
+    rule = media.rules![0] as Rule;
+    expect(rule.parent).to.equal(media);
+
+    expect(rule.declarations!.length).to.equal(1);
+    decl = rule.declarations![0];
+    expect(decl.parent).to.equal(rule);
+  });
+});
diff --git a/test/css/benchmark.css b/test/css/benchmark.css
new file mode 100644
index 00000000..ea7e0585
--- /dev/null
+++ b/test/css/benchmark.css
@@ -0,0 +1,6 @@
+/*!-----------------------------------------------------------
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Version: 0.17.0(63d87164d0bc8c6206d9339c195289c93665028e)
+ * Released under the MIT license
+ * https://github.com/Microsoft/vscode/blob/master/LICENSE.txt
+ *-----------------------------------------------------------*/.monaco-action-bar{text-align:right;overflow:hidden;white-space:nowrap}.monaco-action-bar .actions-container{display:flex;margin:0 auto;padding:0;width:100%;justify-content:flex-end}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar.reverse .actions-container{flex-direction:row-reverse}.monaco-action-bar .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar.animated .action-item.active{transform:scale(1.272019649)}.monaco-action-bar .action-item .icon{display:inline-block}.monaco-action-bar .action-label{font-size:11px;margin-right:4px}.monaco-action-bar .action-label.octicon{font-size:15px;line-height:35px;text-align:center}.monaco-action-bar .action-item.disabled .action-label,.monaco-action-bar .action-item.disabled .action-label:hover{opacity:.4}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{display:block;border-bottom:1px solid #bbb;padding-top:1px;margin-left:.8em;margin-right:.8em}.monaco-action-bar.animated.vertical .action-item.active{transform:translate(5px)}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{overflow:hidden;flex:1;max-width:170px;min-width:60px;display:flex;align-items:center;justify-content:center}.monaco-aria-container{position:absolute;left:-999em}.monaco-custom-checkbox{margin-left:2px;float:left;cursor:pointer;overflow:hidden;opacity:.7;width:20px;height:20px;border:1px solid transparent;padding:1px;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.monaco-custom-checkbox.checked,.monaco-custom-checkbox:hover{opacity:1}.hc-black .monaco-custom-checkbox,.hc-black .monaco-custom-checkbox:hover{background:none}.context-view{position:absolute;z-index:2000}.monaco-count-badge{padding:.3em .5em;border-radius:1em;font-size:85%;min-width:1.6em;line-height:1em;font-weight:400;text-align:center;display:inline-block;box-sizing:border-box}.monaco-findInput{position:relative}.monaco-findInput .monaco-inputbox{font-size:13px;width:100%}.monaco-findInput>.controls{position:absolute;top:3px;right:2px}.vs .monaco-findInput.disabled{background-color:#e1e1e1}.vs-dark .monaco-findInput.disabled{background-color:#333}.monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-0 .1s linear 0s}.monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-1 .1s linear 0s}.hc-black .monaco-findInput.highlight-0 .controls,.vs-dark .monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-dark-0 .1s linear 0s}.hc-black .monaco-findInput.highlight-1 .controls,.vs-dark .monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-dark-1 .1s linear 0s}@keyframes monaco-findInput-highlight-0{0%{background:rgba(253,255,0,.8)}to{background:transparent}}@keyframes monaco-findInput-highlight-1{0%{background:rgba(253,255,0,.8)}99%{background:transparent}}@keyframes monaco-findInput-highlight-dark-0{0%{background:hsla(0,0%,100%,.44)}to{background:transparent}}@keyframes monaco-findInput-highlight-dark-1{0%{background:hsla(0,0%,100%,.44)}99%{background:transparent}}.vs .monaco-custom-checkbox.monaco-case-sensitive{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MDtmaWxsOiNGNkY2RjY7fSAuc3Qxe2ZpbGw6I0Y2RjZGNjt9IC5zdDJ7ZmlsbDojNDI0MjQyO308L3N0eWxlPjxnIGlkPSJvdXRsaW5lIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuMTc2IDUuNTkyYy0uNTU1LS42LTEuMzM2LS45MDQtMi4zMjItLjkwNC0uMjU4IDAtLjUyMS4wMjQtLjc4NC4wNzItLjI0Ni4wNDQtLjQ3OS4xMDEtLjcuMTY5LS4yMjguMDctLjQzMi4xNDctLjYxMy4yMjktLjIyLjA5OS0uMzg5LjE5Ni0uNTEyLjI4NGwtLjQxOS4yOTl2Mi43MDFjLS4wODYuMTA4LS4xNjIuMjIzLS4yMjkuMzQ0bC0yLjQ1LTYuMzU0aC0yLjM5NGwtMy43NTMgOS44MDR2LjU5OGgzLjAyNWwuODM4LTIuMzVoMi4xNjdsLjg5MSAyLjM1aDMuMjM3bC0uMDAxLS4wMDNjLjMwNS4wOTIuNjMzLjE1Ljk5My4xNS4zNDQgMCAuNjcxLS4wNDkuOTc4LS4xNDZoMi44NTN2LTQuOTAzYy0uMDAxLS45NzUtLjI3MS0xLjc2My0uODA1LTIuMzR6Ii8+PC9nPjxnIGlkPSJpY29uX3g1Rl9iZyI+PHBhdGggY2xhc3M9InN0MiIgZD0iTTcuNjExIDExLjgzNGwtLjg5MS0yLjM1aC0zLjU2MmwtLjgzOCAyLjM1aC0xLjA5NWwzLjIxNy04LjQwMmgxLjAybDMuMjQgOC40MDJoLTEuMDkxem0tMi41MzEtNi44MTRsLS4wNDQtLjEzNS0uMDM4LS4xNTYtLjAyOS0uMTUyLS4wMjQtLjEyNmgtLjAyM2wtLjAyMS4xMjYtLjAzMi4xNTItLjAzOC4xNTYtLjA0NC4xMzUtMS4zMDcgMy41NzRoMi45MThsLTEuMzE4LTMuNTc0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMy4wMiAxMS44MzR2LS45MzhoLS4wMjNjLS4xOTkuMzUyLS40NTYuNjItLjc3MS44MDZzLS42NzMuMjc4LTEuMDc1LjI3OGMtLjMxMyAwLS41ODgtLjA0NS0uODI2LS4xMzVzLS40MzgtLjIxMi0uNTk4LS4zNjYtLjI4MS0uMzM4LS4zNjMtLjU1MS0uMTI0LS40NDItLjEyNC0uNjg4YzAtLjI2Mi4wMzktLjUwMi4xMTctLjcyMXMuMTk4LS40MTIuMzYtLjU4LjM2Ny0uMzA4LjYxNS0uNDE5LjU0NC0uMTkuODg4LS4yMzdsMS44MTEtLjI1MmMwLS4yNzMtLjAyOS0uNTA3LS4wODgtLjdzLS4xNDMtLjM1MS0uMjUyLS40NzItLjI0MS0uMjEtLjM5Ni0uMjY3LS4zMjUtLjA4NS0uNTEzLS4wODVjLS4zNjMgMC0uNzE0LjA2NC0xLjA1Mi4xOTNzLS42MzguMzEtLjkwNC41NHYtLjk4NGMuMDgyLS4wNTkuMTk2LS4xMjEuMzQzLS4xODhzLjMxMi0uMTI4LjQ5NS0uMTg1LjM3OC0uMTA0LjU4My0uMTQxLjQwNy0uMDU2LjYwNi0uMDU2Yy42OTkgMCAxLjIyOS4xOTQgMS41ODguNTgzcy41MzkuOTQyLjUzOSAxLjY2MXYzLjkwMmgtLjk2em0tMS40NTQtMi44M2MtLjI3My4wMzUtLjQ5OC4wODUtLjY3NC4xNDlzLS4zMTMuMTQ0LS40MS4yMzctLjE2NS4yMDUtLjIwMi4zMzQtLjA1NS4yNzYtLjA1NS40NGMwIC4xNDEuMDI1LjI3MS4wNzYuMzkzcy4xMjQuMjI3LjIyLjMxNi4yMTUuMTYuMzU3LjIxMS4zMDguMDc2LjQ5NS4wNzZjLjI0MiAwIC40NjUtLjA0NS42NjgtLjEzNXMuMzc4LS4yMTQuNTI0LS4zNzIuMjYxLS4zNDQuMzQzLS41NTcuMTIzLS40NDIuMTIzLS42ODh2LS42MDlsLTEuNDY1LjIwNXoiLz48L2c+PC9zdmc+) 50% no-repeat}.hc-black .monaco-custom-checkbox.monaco-case-sensitive,.hc-black .monaco-custom-checkbox.monaco-case-sensitive:hover,.vs-dark .monaco-custom-checkbox.monaco-case-sensitive{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MDtmaWxsOiMyNjI2MjY7fSAuc3Qxe2ZpbGw6IzI2MjYyNjt9IC5zdDJ7ZmlsbDojQzVDNUM1O308L3N0eWxlPjxnIGlkPSJvdXRsaW5lIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuMTc2IDUuNTkyYy0uNTU1LS42LTEuMzM2LS45MDQtMi4zMjItLjkwNC0uMjU4IDAtLjUyMS4wMjQtLjc4NC4wNzItLjI0Ni4wNDQtLjQ3OS4xMDEtLjcuMTY5LS4yMjguMDctLjQzMi4xNDctLjYxMy4yMjktLjIyLjA5OS0uMzg5LjE5Ni0uNTEyLjI4NGwtLjQxOS4yOTl2Mi43MDFjLS4wODYuMTA4LS4xNjIuMjIzLS4yMjkuMzQ0bC0yLjQ1LTYuMzU0aC0yLjM5NGwtMy43NTMgOS44MDR2LjU5OGgzLjAyNWwuODM4LTIuMzVoMi4xNjdsLjg5MSAyLjM1aDMuMjM3bC0uMDAxLS4wMDNjLjMwNS4wOTIuNjMzLjE1Ljk5My4xNS4zNDQgMCAuNjcxLS4wNDkuOTc4LS4xNDZoMi44NTN2LTQuOTAzYy0uMDAxLS45NzUtLjI3MS0xLjc2My0uODA1LTIuMzR6Ii8+PC9nPjxnIGlkPSJpY29uX3g1Rl9iZyI+PHBhdGggY2xhc3M9InN0MiIgZD0iTTcuNjExIDExLjgzNGwtLjg5MS0yLjM1aC0zLjU2MmwtLjgzOCAyLjM1aC0xLjA5NWwzLjIxNy04LjQwMmgxLjAybDMuMjQgOC40MDJoLTEuMDkxem0tMi41MzEtNi44MTRsLS4wNDQtLjEzNS0uMDM4LS4xNTYtLjAyOS0uMTUyLS4wMjQtLjEyNmgtLjAyM2wtLjAyMS4xMjYtLjAzMi4xNTItLjAzOC4xNTYtLjA0NC4xMzUtMS4zMDcgMy41NzRoMi45MThsLTEuMzE4LTMuNTc0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMy4wMiAxMS44MzR2LS45MzhoLS4wMjNjLS4xOTkuMzUyLS40NTYuNjItLjc3MS44MDZzLS42NzMuMjc4LTEuMDc1LjI3OGMtLjMxMyAwLS41ODgtLjA0NS0uODI2LS4xMzVzLS40MzgtLjIxMi0uNTk4LS4zNjYtLjI4MS0uMzM4LS4zNjMtLjU1MS0uMTI0LS40NDItLjEyNC0uNjg4YzAtLjI2Mi4wMzktLjUwMi4xMTctLjcyMXMuMTk4LS40MTIuMzYtLjU4LjM2Ny0uMzA4LjYxNS0uNDE5LjU0NC0uMTkuODg4LS4yMzdsMS44MTEtLjI1MmMwLS4yNzMtLjAyOS0uNTA3LS4wODgtLjdzLS4xNDMtLjM1MS0uMjUyLS40NzItLjI0MS0uMjEtLjM5Ni0uMjY3LS4zMjUtLjA4NS0uNTEzLS4wODVjLS4zNjMgMC0uNzE0LjA2NC0xLjA1Mi4xOTNzLS42MzguMzEtLjkwNC41NHYtLjk4NGMuMDgyLS4wNTkuMTk2LS4xMjEuMzQzLS4xODhzLjMxMi0uMTI4LjQ5NS0uMTg1LjM3OC0uMTA0LjU4My0uMTQxLjQwNy0uMDU2LjYwNi0uMDU2Yy42OTkgMCAxLjIyOS4xOTQgMS41ODguNTgzcy41MzkuOTQyLjUzOSAxLjY2MXYzLjkwMmgtLjk2em0tMS40NTQtMi44M2MtLjI3My4wMzUtLjQ5OC4wODUtLjY3NC4xNDlzLS4zMTMuMTQ0LS40MS4yMzctLjE2NS4yMDUtLjIwMi4zMzQtLjA1NS4yNzYtLjA1NS40NGMwIC4xNDEuMDI1LjI3MS4wNzYuMzkzcy4xMjQuMjI3LjIyLjMxNi4yMTUuMTYuMzU3LjIxMS4zMDguMDc2LjQ5NS4wNzZjLjI0MiAwIC40NjUtLjA0NS42NjgtLjEzNXMuMzc4LS4yMTQuNTI0LS4zNzIuMjYxLS4zNDQuMzQzLS41NTcuMTIzLS40NDIuMTIzLS42ODh2LS42MDlsLTEuNDY1LjIwNXoiLz48L2c+PC9zdmc+) 50% no-repeat}.vs .monaco-custom-checkbox.monaco-whole-word{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MDtmaWxsOiNGNkY2RjY7fSAuc3Qxe2ZpbGw6I0Y2RjZGNjt9IC5zdDJ7ZmlsbDojNDI0MjQyO308L3N0eWxlPjxnIGlkPSJvdXRsaW5lIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYgNC4wMjJ2LTMuMDIyaC0xNi4wMTR2My4wMjJoMy4wNDZsLTMuMDQzIDcuOTQ1aC0uMDA0di4wMWwuMDE1IDEuMDIzaC0uMDE0djEuOTkxaDE2LjAxNHYtMy4wMjNoLTF2LTcuOTQ2aDF6bS01LjkxNCA1LjMwMWMwIC4yMzMtLjAyMy40NDEtLjA2Ni41OTUtLjA0Ny4xNjQtLjA5OS4yNDctLjEyNy4yODRsLS4wNzguMDY5LS4xNTEuMDI2LS4xMTUtLjAxNy0uMTM5LS4xMzdjLS4wMzEtLjA3OC0uMTEyLS4zMzItLjExMi0uNTY2IDAtLjI1NC4wOTEtLjU2MS4xMjYtLjY1NmwuMDY5LS4xNDEuMTA5LS4wODIuMTc4LS4wMjdjLjA3NyAwIC4xMTcuMDE0LjE3Ny4wNTZsLjA4Ny4xNzkuMDUxLjIzNy0uMDA5LjE4em0tMy42OTUtNS4zMDF2Mi44OTNsLTEuMTE2LTIuODkzaDEuMTE2em0tMy4wMjYgNy4wMmgxLjU3M2wuMzUxLjkyNmgtMi4yNTRsLjMzLS45MjZ6bTguNjM1LTQuMzU0Yy0uMjA2LS4yLS40MzEtLjM4LS42OTUtLjUxMi0uMzk2LS4xOTgtLjg1My0uMjk4LTEuMzU1LS4yOTgtLjIxNSAwLS40MjMuMDItLjYyMS4wNTh2LTEuOTE0aDIuNjcxdjIuNjY2eiIvPjwvZz48ZyBpZD0iaWNvbl94NUZfYmciPjxyZWN0IHg9IjEzIiB5PSI0IiBjbGFzcz0ic3QyIiB3aWR0aD0iMSIgaGVpZ2h0PSI4Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTExLjIyNSA4LjM4N2MtLjA3OC0uMjk5LS4xOTktLjU2Mi0uMzYtLjc4NnMtLjM2NS0uNDAxLS42MDktLjUzLS41MzQtLjE5My0uODY2LS4xOTNjLS4xOTggMC0uMzguMDI0LS41NDcuMDczLS4xNjUuMDQ5LS4zMTYuMTE3LS40NTMuMjA1LS4xMzYuMDg4LS4yNTcuMTk0LS4zNjUuMzE4bC0uMTc5LjI1OHYtMy4xNTRoLS44OTN2Ny40MjJoLjg5M3YtLjU3NWwuMTI2LjE3NWMuMDg3LjEwMi4xODkuMTkuMzA0LjI2OS4xMTcuMDc4LjI0OS4xNC4zOTguMTg2LjE0OS4wNDYuMzE0LjA2OC40OTguMDY4LjM1MyAwIC42NjYtLjA3MS45MzctLjIxMi4yNzItLjE0My40OTktLjMzOC42ODItLjU4Ni4xODMtLjI1LjMyMS0uNTQzLjQxNC0uODc5LjA5My0uMzM4LjE0LS43MDMuMTQtMS4wOTctLjAwMS0uMzQyLS4wNC0uNjYzLS4xMi0uOTYyem0tMS40NzktLjYwN2MuMTUxLjA3MS4yODIuMTc2LjM5LjMxNC4xMDkuMTQuMTk0LjMxMy4yNTUuNTE3LjA1MS4xNzQuMDgyLjM3MS4wODkuNTg3bC0uMDA3LjEyNWMwIC4zMjctLjAzMy42Mi0uMS44NjktLjA2Ny4yNDYtLjE2MS40NTMtLjI3OC42MTQtLjExNy4xNjItLjI2LjI4NS0uNDIxLjM2Ni0uMzIyLjE2Mi0uNzYuMTY2LTEuMDY5LjAxNS0uMTUzLS4wNzUtLjI4Ni0uMTc1LS4zOTMtLjI5Ni0uMDg1LS4wOTYtLjE1Ni0uMjE2LS4yMTgtLjM2NyAwIDAtLjE3OS0uNDQ3LS4xNzktLjk0NyAwLS41LjE3OS0xLjAwMi4xNzktMS4wMDIuMDYyLS4xNzcuMTM2LS4zMTguMjI0LS40My4xMTQtLjE0My4yNTYtLjI1OS40MjQtLjM0NS4xNjgtLjA4Ni4zNjUtLjEyOS41ODctLjEyOS4xOSAwIC4zNjQuMDM3LjUxNy4xMDl6Ii8+PHJlY3QgeD0iLjk4NyIgeT0iMiIgY2xhc3M9InN0MiIgd2lkdGg9IjE0LjAxMyIgaGVpZ2h0PSIxLjAyMyIvPjxyZWN0IHg9Ii45ODciIHk9IjEyLjk2OCIgY2xhc3M9InN0MiIgd2lkdGg9IjE0LjAxMyIgaGVpZ2h0PSIxLjAyMyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xLjk5MSAxMi4wMzFsLjcyOC0yLjAzMWgyLjIxOWwuNzc4IDIuMDMxaDEuMDgybC0yLjQ4NS03LjE1OGgtLjk0MWwtMi40NDEgNy4wODYtLjAyNS4wNzJoMS4wODV6bTEuODI3LTUuNjA5aC4wMjJsLjkxNCAyLjc1M2gtMS44NDFsLjkwNS0yLjc1M3oiLz48L2c+PC9zdmc+) 50% no-repeat}.hc-black .monaco-custom-checkbox.monaco-whole-word,.hc-black .monaco-custom-checkbox.monaco-whole-word:hover,.vs-dark .monaco-custom-checkbox.monaco-whole-word{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MDtmaWxsOiMyNjI2MjY7fSAuc3Qxe2ZpbGw6IzI2MjYyNjt9IC5zdDJ7ZmlsbDojQzVDNUM1O308L3N0eWxlPjxnIGlkPSJvdXRsaW5lIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYgNC4wMjJ2LTMuMDIyaC0xNi4wMTR2My4wMjJoMy4wNDZsLTMuMDQzIDcuOTQ1aC0uMDA0di4wMWwuMDE1IDEuMDIzaC0uMDE0djEuOTkxaDE2LjAxNHYtMy4wMjNoLTF2LTcuOTQ2aDF6bS01LjkxNCA1LjMwMWMwIC4yMzMtLjAyMy40NDEtLjA2Ni41OTUtLjA0Ny4xNjQtLjA5OS4yNDctLjEyNy4yODRsLS4wNzguMDY5LS4xNTEuMDI2LS4xMTUtLjAxNy0uMTM5LS4xMzdjLS4wMzEtLjA3OC0uMTEyLS4zMzItLjExMi0uNTY2IDAtLjI1NC4wOTEtLjU2MS4xMjYtLjY1NmwuMDY5LS4xNDEuMTA5LS4wODIuMTc4LS4wMjdjLjA3NyAwIC4xMTcuMDE0LjE3Ny4wNTZsLjA4Ny4xNzkuMDUxLjIzNy0uMDA5LjE4em0tMy42OTUtNS4zMDF2Mi44OTNsLTEuMTE2LTIuODkzaDEuMTE2em0tMy4wMjYgNy4wMmgxLjU3M2wuMzUxLjkyNmgtMi4yNTRsLjMzLS45MjZ6bTguNjM1LTQuMzU0Yy0uMjA2LS4yLS40MzEtLjM4LS42OTUtLjUxMi0uMzk2LS4xOTgtLjg1My0uMjk4LTEuMzU1LS4yOTgtLjIxNSAwLS40MjMuMDItLjYyMS4wNTh2LTEuOTE0aDIuNjcxdjIuNjY2eiIvPjwvZz48ZyBpZD0iaWNvbl94NUZfYmciPjxyZWN0IHg9IjEzIiB5PSI0IiBjbGFzcz0ic3QyIiB3aWR0aD0iMSIgaGVpZ2h0PSI4Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTExLjIyNSA4LjM4N2MtLjA3OC0uMjk5LS4xOTktLjU2Mi0uMzYtLjc4NnMtLjM2NS0uNDAxLS42MDktLjUzLS41MzQtLjE5My0uODY2LS4xOTNjLS4xOTggMC0uMzguMDI0LS41NDcuMDczLS4xNjUuMDQ5LS4zMTYuMTE3LS40NTMuMjA1LS4xMzYuMDg4LS4yNTcuMTk0LS4zNjUuMzE4bC0uMTc5LjI1OHYtMy4xNTRoLS44OTN2Ny40MjJoLjg5M3YtLjU3NWwuMTI2LjE3NWMuMDg3LjEwMi4xODkuMTkuMzA0LjI2OS4xMTcuMDc4LjI0OS4xNC4zOTguMTg2LjE0OS4wNDYuMzE0LjA2OC40OTguMDY4LjM1MyAwIC42NjYtLjA3MS45MzctLjIxMi4yNzItLjE0My40OTktLjMzOC42ODItLjU4Ni4xODMtLjI1LjMyMS0uNTQzLjQxNC0uODc5LjA5My0uMzM4LjE0LS43MDMuMTQtMS4wOTctLjAwMS0uMzQyLS4wNC0uNjYzLS4xMi0uOTYyem0tMS40NzktLjYwN2MuMTUxLjA3MS4yODIuMTc2LjM5LjMxNC4xMDkuMTQuMTk0LjMxMy4yNTUuNTE3LjA1MS4xNzQuMDgyLjM3MS4wODkuNTg3bC0uMDA3LjEyNWMwIC4zMjctLjAzMy42Mi0uMS44NjktLjA2Ny4yNDYtLjE2MS40NTMtLjI3OC42MTQtLjExNy4xNjItLjI2LjI4NS0uNDIxLjM2Ni0uMzIyLjE2Mi0uNzYuMTY2LTEuMDY5LjAxNS0uMTUzLS4wNzUtLjI4Ni0uMTc1LS4zOTMtLjI5Ni0uMDg1LS4wOTYtLjE1Ni0uMjE2LS4yMTgtLjM2NyAwIDAtLjE3OS0uNDQ3LS4xNzktLjk0NyAwLS41LjE3OS0xLjAwMi4xNzktMS4wMDIuMDYyLS4xNzcuMTM2LS4zMTguMjI0LS40My4xMTQtLjE0My4yNTYtLjI1OS40MjQtLjM0NS4xNjgtLjA4Ni4zNjUtLjEyOS41ODctLjEyOS4xOSAwIC4zNjQuMDM3LjUxNy4xMDl6Ii8+PHJlY3QgeD0iLjk4NyIgeT0iMiIgY2xhc3M9InN0MiIgd2lkdGg9IjE0LjAxMyIgaGVpZ2h0PSIxLjAyMyIvPjxyZWN0IHg9Ii45ODciIHk9IjEyLjk2OCIgY2xhc3M9InN0MiIgd2lkdGg9IjE0LjAxMyIgaGVpZ2h0PSIxLjAyMyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xLjk5MSAxMi4wMzFsLjcyOC0yLjAzMWgyLjIxOWwuNzc4IDIuMDMxaDEuMDgybC0yLjQ4NS03LjE1OGgtLjk0MWwtMi40NDEgNy4wODYtLjAyNS4wNzJoMS4wODV6bTEuODI3LTUuNjA5aC4wMjJsLjkxNCAyLjc1M2gtMS44NDFsLjkwNS0yLjc1M3oiLz48L2c+PC9zdmc+) 50% no-repeat}.vs .monaco-custom-checkbox.monaco-regex{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBvbHlnb24gZmlsbD0iI0Y2RjZGNiIgcG9pbnRzPSIxMy42NCw3LjM5NiAxMi4xNjksMi44OTggMTAuNzA2LDMuNzYxIDExLjA4NywyIDYuNTU3LDIgNi45MzYsMy43NjIgNS40NzMsMi44OTggNCw3LjM5NiA1LjY4Miw3LjU1NCA0LjUxMyw4LjU2MSA1LjAxMyw5IDIsOSAyLDE0IDcsMTQgNywxMC43NDcgNy45NzgsMTEuNjA2IDguODIsOS43MjUgOS42NjEsMTEuNjAyIDEzLjE0NCw4LjU2MiAxMS45NjgsNy41NTQiLz48ZyBmaWxsPSIjNDI0MjQyIj48cGF0aCBkPSJNMTIuMzAxIDYuNTE4bC0yLjc3Mi4yNjIgMi4wODYgMS43ODgtMS41OTQgMS4zOTItMS4yMDEtMi42ODItMS4yMDEgMi42ODItMS41ODMtMS4zOTIgMi4wNzUtMS43ODgtMi43NzEtLjI2Mi42OTYtMi4xMjYgMi4zNTggMS4zOTItLjU5OS0yLjc4NGgyLjA1M2wtLjYwMiAyLjc4MyAyLjM1OS0xLjM5Mi42OTYgMi4xMjd6Ii8+PHJlY3QgeD0iMyIgeT0iMTAiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48L2c+PC9zdmc+) 50% no-repeat}.hc-black .monaco-custom-checkbox.monaco-regex,.hc-black .monaco-custom-checkbox.monaco-regex:hover,.vs-dark .monaco-custom-checkbox.monaco-regex{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBvbHlnb24gZmlsbD0iIzJkMmQzMCIgcG9pbnRzPSIxMy42NCw3LjM5NiAxMi4xNjksMi44OTggMTAuNzA2LDMuNzYxIDExLjA4NywyIDYuNTU3LDIgNi45MzYsMy43NjIgNS40NzMsMi44OTggNCw3LjM5NiA1LjY4Miw3LjU1NCA0LjUxMyw4LjU2MSA1LjAxMyw5IDIsOSAyLDE0IDcsMTQgNywxMC43NDcgNy45NzgsMTEuNjA2IDguODIsOS43MjUgOS42NjEsMTEuNjAyIDEzLjE0NCw4LjU2MiAxMS45NjgsNy41NTQiLz48ZyBmaWxsPSIjQzVDNUM1Ij48cGF0aCBkPSJNMTIuMzAxIDYuNTE4bC0yLjc3Mi4yNjIgMi4wODYgMS43ODgtMS41OTQgMS4zOTItMS4yMDEtMi42ODItMS4yMDEgMi42ODItMS41ODMtMS4zOTIgMi4wNzUtMS43ODgtMi43NzEtLjI2Mi42OTYtMi4xMjYgMi4zNTggMS4zOTItLjU5OS0yLjc4NGgyLjA1M2wtLjYwMiAyLjc4MyAyLjM1OS0xLjM5Mi42OTYgMi4xMjd6Ii8+PHJlY3QgeD0iMyIgeT0iMTAiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48L2c+PC9zdmc+) 50% no-repeat}.monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{background-size:16px;background-position:0;background-repeat:no-repeat;padding-right:6px;width:16px;height:22px;display:inline-block;-webkit-font-smoothing:antialiased;vertical-align:top;flex-shrink:0}.monaco-icon-label>.monaco-icon-label-description-container{overflow:hidden;text-overflow:ellipsis}.monaco-icon-label>.monaco-icon-label-description-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-description-container>.label-description{opacity:.7;margin-left:.5em;font-size:.9em;white-space:pre}.monaco-icon-label.italic>.monaco-icon-label-description-container>.label-description,.monaco-icon-label.italic>.monaco-icon-label-description-container>.label-name{font-style:italic}.monaco-icon-label:after{opacity:.75;font-size:90%;font-weight:600;padding:0 12px 0 5px;margin-left:auto;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after,.monaco-tree.focused .selected .monaco-icon-label,.monaco-tree.focused .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description,.monaco-tree-row.focused.selected .label-description,.monaco-tree-row.selected .label-description{opacity:.8}.monaco-inputbox{position:relative;display:block;padding:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;line-height:auto!important;font-size:inherit}.monaco-inputbox.idle{border:1px solid transparent}.monaco-inputbox>.wrapper>.input,.monaco-inputbox>.wrapper>.mirror{padding:4px}.monaco-inputbox>.wrapper{position:relative;width:100%;height:100%}.monaco-inputbox>.wrapper>.input{display:inline-block;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;line-height:inherit;border:none;font-family:inherit;font-size:inherit;resize:none;color:inherit}.monaco-inputbox>.wrapper>input{text-overflow:ellipsis}.monaco-inputbox>.wrapper>textarea.input{display:block;overflow:hidden}.monaco-inputbox>.wrapper>.mirror{position:absolute;display:inline-block;width:100%;top:0;left:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;white-space:pre-wrap;visibility:hidden;word-wrap:break-word}.monaco-inputbox-container{text-align:right}.monaco-inputbox-container .monaco-inputbox-message{display:inline-block;overflow:hidden;text-align:left;width:100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:.4em;font-size:12px;line-height:17px;min-height:34px;margin-top:-1px;word-wrap:break-word}.monaco-inputbox .monaco-action-bar{position:absolute;right:2px;top:4px}.monaco-inputbox .monaco-action-bar .action-item{margin-left:2px}.monaco-inputbox .monaco-action-bar .action-item .icon{background-repeat:no-repeat;width:16px;height:16px}.monaco-keybinding{display:flex;align-items:center;line-height:10px}.monaco-keybinding>.monaco-keybinding-key{display:inline-block;border:1px solid hsla(0,0%,80%,.4);border-bottom-color:hsla(0,0%,73%,.4);border-radius:3px;box-shadow:inset 0 -1px 0 hsla(0,0%,73%,.4);background-color:hsla(0,0%,87%,.4);vertical-align:middle;color:#555;font-size:11px;padding:3px 5px;margin:0 2px}.monaco-keybinding>.monaco-keybinding-key:first-child{margin-left:0}.monaco-keybinding>.monaco-keybinding-key:last-child{margin-right:0}.hc-black .monaco-keybinding>.monaco-keybinding-key,.vs-dark .monaco-keybinding>.monaco-keybinding-key{background-color:hsla(0,0%,50%,.17);color:#ccc;border:1px solid rgba(51,51,51,.6);border-bottom-color:rgba(68,68,68,.6);box-shadow:inset 0 -1px 0 rgba(68,68,68,.6)}.monaco-keybinding>.monaco-keybinding-key-separator{display:inline-block}.monaco-keybinding>.monaco-keybinding-key-chord-separator{width:6px}.monaco-list{position:relative;height:100%;width:100%;white-space:nowrap}.monaco-list.mouse-support{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none}.monaco-list>.monaco-scrollable-element{height:100%}.monaco-list-rows{position:relative;width:100%;height:100%}.monaco-list.horizontal-scrolling .monaco-list-rows{width:auto;min-width:100%}.monaco-list-row{position:absolute;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%}.monaco-list.mouse-support .monaco-list-row{cursor:pointer;touch-action:none}.monaco-list-row.scrolling{display:none!important}.monaco-list.element-focused,.monaco-list.selection-multiple,.monaco-list.selection-single{outline:0!important}.monaco-drag-image{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;position:absolute}.monaco-list-type-filter{display:flex;align-items:center;position:absolute;border-radius:2px;padding:0 3px;max-width:calc(100% - 10px);text-overflow:ellipsis;overflow:hidden;text-align:right;box-sizing:border-box;cursor:all-scroll;font-size:13px;line-height:18px;height:20px;z-index:1;top:4px}.monaco-list-type-filter.dragging{transition:top .2s,left .2s}.monaco-list-type-filter.ne{right:4px}.monaco-list-type-filter.nw{left:4px}.monaco-list-type-filter>.controls{display:flex;align-items:center;box-sizing:border-box;transition:width .2s;width:0}.monaco-list-type-filter.dragging>.controls,.monaco-list-type-filter:hover>.controls{width:36px}.monaco-list-type-filter>.controls>*{box-sizing:border-box;width:16px;height:16px;margin:0 0 0 2px;flex-shrink:0}.monaco-list-type-filter>.controls>.filter{-webkit-appearance:none;width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOS45OTk1MUgyVjExLjk5OTVINlY5Ljk5OTUxWiIgZmlsbD0iIzRCNEI0QiIvPgo8cGF0aCBkPSJNMTAgN0gyVjlIMTBWN1oiIGZpbGw9IiM0QjRCNEIiLz4KPHBhdGggZD0iTTE0IDRIMlY2SDE0VjRaIiBmaWxsPSIjNEI0QjRCIi8+Cjwvc3ZnPgo=);background-position:50% 50%;cursor:pointer}.monaco-list-type-filter>.controls>.filter:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMTBINi4wMDAyNFYxMkgxMC4wMDAyVjEwWiIgZmlsbD0iIzQyNDI0MiIvPgo8cGF0aCBkPSJNMTEuOTk5OCA3SDMuOTk5NzZWOUgxMS45OTk4VjdaIiBmaWxsPSIjNDI0MjQyIi8+CjxwYXRoIGQ9Ik0xNCA0SDJWNkgxNFY0WiIgZmlsbD0iIzQyNDI0MiIvPgo8L3N2Zz4K)}.vs-dark .monaco-list-type-filter>.controls>.filter{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOS45OTk1MUgyVjExLjk5OTVINlY5Ljk5OTUxWiIgZmlsbD0iI0U4RThFOCIvPgo8cGF0aCBkPSJNMTAgN0gyVjlIMTBWN1oiIGZpbGw9IiNFOEU4RTgiLz4KPHBhdGggZD0iTTE0IDRIMlY2SDE0VjRaIiBmaWxsPSIjRThFOEU4Ii8+Cjwvc3ZnPgo=)}.vs-dark .monaco-list-type-filter>.controls>.filter:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMTBINi4wMDAyNFYxMkgxMC4wMDAyVjEwWiIgZmlsbD0iI0U4RThFOCIvPgo8cGF0aCBkPSJNMTEuOTk5OCA3SDMuOTk5NzZWOUgxMS45OTk4VjdaIiBmaWxsPSIjRThFOEU4Ii8+CjxwYXRoIGQ9Ik0xNCA0SDJWNkgxNFY0WiIgZmlsbD0iI0U4RThFOCIvPgo8L3N2Zz4K)}.hc-black .monaco-list-type-filter>.controls>.filter{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOS45OTk1MUgyVjExLjk5OTVINlY5Ljk5OTUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwIDdIMlY5SDEwVjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQgNEgyVjZIMTRWNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)}.hc-black .monaco-list-type-filter>.controls>.filter:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMTBINi4wMDAyNFYxMkgxMC4wMDAyVjEwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTExLjk5OTggN0gzLjk5OTc2VjlIMTEuOTk5OFY3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0IDRIMlY2SDE0VjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)}.monaco-list-type-filter>.controls>.clear{border:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iIzQyNDI0MiIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==);cursor:pointer}.vs-dark .monaco-list-type-filter>.controls>.clear{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iI2U4ZThlOCIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==)}.hc-black .monaco-list-type-filter>.controls>.clear{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzczMjAiCiAgIHZlcnNpb249IjEuMSIKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzIDMgMTYgMTYiCiAgIHZpZXdCb3g9IjMgMyAxNiAxNiIKICAgaGVpZ2h0PSIxNiIKICAgd2lkdGg9IjE2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3MzI2Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzNzMyNCIgLz4KICA8cG9seWdvbgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiCiAgICAgaWQ9InBvbHlnb243MzE4IgogICAgIHBvaW50cz0iMTIuNTk3LDExLjA0MiAxNS40LDEzLjg0NSAxMy44NDQsMTUuNCAxMS4wNDIsMTIuNTk4IDguMjM5LDE1LjQgNi42ODMsMTMuODQ1IDkuNDg1LDExLjA0MiA2LjY4Myw4LjIzOSA4LjIzOCw2LjY4MyAxMS4wNDIsOS40ODYgMTMuODQ1LDYuNjgzIDE1LjQsOC4yMzkiCiAgICAgZmlsbD0iIzQyNDI0MiIgLz4KPC9zdmc+Cg==)}.monaco-list-type-filter-message{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;padding:40px 1em 1em;text-align:center;white-space:normal;opacity:.7;pointer-events:none}.monaco-list-type-filter-message:empty{display:none}.monaco-list-type-filter{cursor:-webkit-grab}.monaco-list-type-filter.dragging{cursor:-webkit-grabbing}.monaco-menu .monaco-action-bar.vertical{margin-left:0;overflow:visible}.monaco-menu .monaco-action-bar.vertical .actions-container{display:block}.monaco-menu .monaco-action-bar.vertical .action-item{padding:0;transform:none;display:-ms-flexbox;display:flex}.monaco-menu .monaco-action-bar.vertical .action-item.active{transform:none}.monaco-menu .monaco-action-bar.vertical .action-menu-item{-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;height:2em;align-items:center;position:relative}.monaco-menu .monaco-action-bar.vertical .action-label{-ms-flex:1 1 auto;flex:1 1 auto;text-decoration:none;padding:0 1em;background:none;font-size:12px;line-height:1}.monaco-menu .monaco-action-bar.vertical .keybinding,.monaco-menu .monaco-action-bar.vertical .submenu-indicator{display:inline-block;-ms-flex:2 1 auto;flex:2 1 auto;padding:0 1em;text-align:right;font-size:12px;line-height:1}.monaco-menu .monaco-action-bar.vertical .submenu-indicator{height:100%;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTIwNTEgMTIuMzY0M0w5Ljg3NzkzIDdMNC41MjA1MSAxLjYzNTc0Mkw1LjEzNTc0IDEuMDIwNTA3OEwxMS4xMjIxIDdMNS4xMzU3NCAxMi45Nzk1TDQuNTIwNTEgMTIuMzY0M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) no-repeat 90% 50%/13px 13px;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTIwNTEgMTIuMzY0M0w5Ljg3NzkzIDdMNC41MjA1MSAxLjYzNTc0Mkw1LjEzNTc0IDEuMDIwNTA3OEwxMS4xMjIxIDdMNS4xMzU3NCAxMi45Nzk1TDQuNTIwNTEgMTIuMzY0M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) no-repeat 90% 50%/13px 13px}.monaco-menu .monaco-action-bar.vertical .action-item.disabled .keybinding,.monaco-menu .monaco-action-bar.vertical .action-item.disabled .submenu-indicator{opacity:.4}.monaco-menu .monaco-action-bar.vertical .action-label:not(.separator){display:inline-block;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0}.monaco-menu .monaco-action-bar.vertical .action-item{position:static;overflow:visible}.monaco-menu .monaco-action-bar.vertical .action-item .monaco-submenu{position:absolute}.monaco-menu .monaco-action-bar.vertical .action-label.separator{padding:.5em 0 0;margin-bottom:.5em;width:100%}.monaco-menu .monaco-action-bar.vertical .action-label.separator.text{padding:.7em 1em .1em;font-weight:700;opacity:1}.monaco-menu .monaco-action-bar.vertical .action-label:hover{color:inherit}.monaco-menu .monaco-action-bar.vertical .menu-item-check{position:absolute;visibility:hidden;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTIgLTIgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgLTIgMTYgMTYiPjxwb2x5Z29uIGZpbGw9IiM0MjQyNDIiIHBvaW50cz0iOSwwIDQuNSw5IDMsNiAwLDYgMywxMiA2LDEyIDEyLDAiLz48L3N2Zz4=) no-repeat 50% 56%/15px 15px;mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTIgLTIgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIgLTIgMTYgMTYiPjxwb2x5Z29uIGZpbGw9IiM0MjQyNDIiIHBvaW50cz0iOSwwIDQuNSw5IDMsNiAwLDYgMywxMiA2LDEyIDEyLDAiLz48L3N2Zz4=) no-repeat 50% 56%/15px 15px;width:1em;height:100%}.monaco-menu .monaco-action-bar.vertical .action-menu-item.checked .menu-item-check{visibility:visible}.context-view.monaco-menu-container{outline:0;border:none;-webkit-animation:fadeIn 83ms linear;animation:fadeIn 83ms linear}.context-view.monaco-menu-container .monaco-action-bar.vertical:focus,.context-view.monaco-menu-container .monaco-action-bar.vertical :focus,.context-view.monaco-menu-container :focus{outline:0}.monaco-menu .monaco-action-bar.vertical .action-item{border:1px solid transparent}.hc-black .context-view.monaco-menu-container{box-shadow:none}.hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused{background:none}.menubar{display:flex;flex-shrink:1;box-sizing:border-box;height:30px;overflow:hidden;flex-wrap:wrap}.fullscreen .menubar{margin:0;padding:0 5px}.menubar>.menubar-menu-button{align-items:center;box-sizing:border-box;padding:0 8px;cursor:default;-webkit-app-region:no-drag;zoom:1;white-space:nowrap;outline:0}.menubar .menubar-menu-items-holder{position:absolute;left:0;opacity:1;z-index:2000}.menubar .menubar-menu-items-holder.monaco-menu-container{outline:0;border:none}.menubar .menubar-menu-items-holder.monaco-menu-container :focus{outline:0}.menubar .toolbar-toggle-more{background-position:50%;background-repeat:no-repeat;background-size:14px;width:20px;height:100%;display:inline-block;padding:0;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudCwuaWNvbi12cy1vdXR7ZmlsbDojZjZmNmY2O30uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO30uaWNvbi12cy1iZ3tmaWxsOiM0MjQyNDI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5FbGxpcHNpc19ib2xkXzE2eDwvdGl0bGU+PGcgaWQ9ImNhbnZhcyI+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYsMFYxNkgwVjBaIi8+PC9nPjxnIGlkPSJvdXRsaW5lIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTYsNy41QTIuNSwyLjUsMCwxLDEsMy41LDUsMi41LDIuNSwwLDAsMSw2LDcuNVpNOC41LDVBMi41LDIuNSwwLDEsMCwxMSw3LjUsMi41LDIuNSwwLDAsMCw4LjUsNVptNSwwQTIuNSwyLjUsMCwxLDAsMTYsNy41LDIuNSwyLjUsMCwwLDAsMTMuNSw1WiIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PC9nPjxnIGlkPSJpY29uQmciPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNNSw3LjVBMS41LDEuNSwwLDEsMSwzLjUsNiwxLjUsMS41LDAsMCwxLDUsNy41Wk04LjUsNkExLjUsMS41LDAsMSwwLDEwLDcuNSwxLjUsMS41LDAsMCwwLDguNSw2Wm01LDBBMS41LDEuNSwwLDEsMCwxNSw3LjUsMS41LDEuNSwwLDAsMCwxMy41LDZaIi8+PC9nPjwvc3ZnPg==) no-repeat 50% 55%/14px 14px;mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudCwuaWNvbi12cy1vdXR7ZmlsbDojZjZmNmY2O30uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO30uaWNvbi12cy1iZ3tmaWxsOiM0MjQyNDI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5FbGxpcHNpc19ib2xkXzE2eDwvdGl0bGU+PGcgaWQ9ImNhbnZhcyI+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYsMFYxNkgwVjBaIi8+PC9nPjxnIGlkPSJvdXRsaW5lIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTYsNy41QTIuNSwyLjUsMCwxLDEsMy41LDUsMi41LDIuNSwwLDAsMSw2LDcuNVpNOC41LDVBMi41LDIuNSwwLDEsMCwxMSw3LjUsMi41LDIuNSwwLDAsMCw4LjUsNVptNSwwQTIuNSwyLjUsMCwxLDAsMTYsNy41LDIuNSwyLjUsMCwwLDAsMTMuNSw1WiIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PC9nPjxnIGlkPSJpY29uQmciPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNNSw3LjVBMS41LDEuNSwwLDEsMSwzLjUsNiwxLjUsMS41LDAsMCwxLDUsNy41Wk04LjUsNkExLjUsMS41LDAsMSwwLDEwLDcuNSwxLjUsMS41LDAsMCwwLDguNSw2Wm01LDBBMS41LDEuNSwwLDEsMCwxNSw3LjUsMS41LDEuNSwwLDAsMCwxMy41LDZaIi8+PC9nPjwvc3ZnPg==) no-repeat 50% 55%/14px 14px}.monaco-progress-container{width:100%;height:5px;overflow:hidden}.monaco-progress-container .progress-bit{width:2%;height:5px;position:absolute;left:0;display:none}.monaco-progress-container.active .progress-bit{display:inherit}.monaco-progress-container.discrete .progress-bit{left:0;transition:width .1s linear}.monaco-progress-container.discrete.done .progress-bit{width:100%}.monaco-progress-container.infinite .progress-bit{animation-name:progress;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;-ms-animation-name:progress;-ms-animation-duration:4s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-webkit-animation-name:progress;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:progress;-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;will-change:transform}@keyframes progress{0%{transform:translateX(0) scaleX(1)}50%{transform:translateX(2500%) scaleX(3)}to{transform:translateX(4950%) scaleX(1)}}@-webkit-keyframes progress{0%{transform:translateX(0) scaleX(1)}50%{transform:translateX(2500%) scaleX(3)}to{transform:translateX(4950%) scaleX(1)}}.monaco-sash{position:absolute;z-index:35;touch-action:none}.monaco-sash.disabled{pointer-events:none}.monaco-sash.vertical{cursor:ew-resize;top:0;width:4px;height:100%}.monaco-sash.mac.vertical{cursor:col-resize}.monaco-sash.vertical.minimum{cursor:e-resize}.monaco-sash.vertical.maximum{cursor:w-resize}.monaco-sash.horizontal{cursor:ns-resize;left:0;width:100%;height:4px}.monaco-sash.mac.horizontal{cursor:row-resize}.monaco-sash.horizontal.minimum{cursor:s-resize}.monaco-sash.horizontal.maximum{cursor:n-resize}.monaco-sash:not(.disabled).orthogonal-end:after,.monaco-sash:not(.disabled).orthogonal-start:before{content:" ";height:8px;width:8px;z-index:100;display:block;cursor:all-scroll;position:absolute}.monaco-sash.orthogonal-start.vertical:before{left:-2px;top:-4px}.monaco-sash.orthogonal-end.vertical:after{left:-2px;bottom:-4px}.monaco-sash.orthogonal-start.horizontal:before{top:-2px;left:-4px}.monaco-sash.orthogonal-end.horizontal:after{top:-2px;right:-4px}.monaco-sash.disabled{cursor:default!important;pointer-events:none!important}.monaco-sash.touch.vertical{width:20px}.monaco-sash.touch.horizontal{height:20px}.monaco-sash.debug{background:cyan}.monaco-sash.debug.disabled{background:rgba(0,255,255,.2)}.monaco-sash.debug:not(.disabled).orthogonal-end:after,.monaco-sash.debug:not(.disabled).orthogonal-start:before{background:red}.monaco-scrollable-element>.scrollbar>.up-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkuNDgwNDYsOC45NjE1bDEuMjYsLTEuMjZsLTUuMDQsLTUuMDRsLTUuNDYsNS4wNGwxLjI2LDEuMjZsNC4yLC0zLjc4bDMuNzgsMy43OHoiIGZpbGw9IiM0MjQyNDIiLz48L3N2Zz4=);cursor:pointer}.monaco-scrollable-element>.scrollbar>.down-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA1LjQ5MDQ1OTkxODk3NTgzLDUuODExNTAwMDcyNDc5MjQ4KSIgZmlsbD0iIzQyNDI0MiIgZD0ibTkuNDgwNDYsOC45NjE1bDEuMjYsLTEuMjZsLTUuMDQsLTUuMDRsLTUuNDYsNS4wNGwxLjI2LDEuMjZsNC4yLC0zLjc4bDMuNzgsMy43OHoiLz48L3N2Zz4=);cursor:pointer}.monaco-scrollable-element>.scrollbar>.left-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDUuNDkwNDU5OTE4OTc1ODMxLDUuNDMxMzgyMTc5MjYwMjU0KSIgZmlsbD0iIzQyNDI0MiIgZD0ibTkuNDgwNDYsOC41ODEzOGwxLjI2LC0xLjI2bC01LjA0LC01LjA0bC01LjQ2LDUuMDRsMS4yNiwxLjI2bDQuMiwtMy43OGwzLjc4LDMuNzh6Ii8+PC9zdmc+);cursor:pointer}.monaco-scrollable-element>.scrollbar>.right-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS42MTcxNjUwODg2NTM1NjQ1LDUuNTU4MDg5NzMzMTIzNzgpICIgZmlsbD0iIzQyNDI0MiIgZD0ibTkuNjA3MTcsOC43MDgwOWwxLjI2LC0xLjI2bC01LjA0LC01LjA0bC01LjQ2LDUuMDRsMS4yNiwxLjI2bDQuMiwtMy43OGwzLjc4LDMuNzh6Ii8+PC9zdmc+);cursor:pointer}.hc-black .monaco-scrollable-element>.scrollbar>.up-arrow,.vs-dark .monaco-scrollable-element>.scrollbar>.up-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkuNDgwNDYsOC45NjE1bDEuMjYsLTEuMjZsLTUuMDQsLTUuMDRsLTUuNDYsNS4wNGwxLjI2LDEuMjZsNC4yLC0zLjc4bDMuNzgsMy43OHoiIGZpbGw9IiNFOEU4RTgiLz48L3N2Zz4=)}.hc-black .monaco-scrollable-element>.scrollbar>.down-arrow,.vs-dark .monaco-scrollable-element>.scrollbar>.down-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA1LjQ5MDQ1OTkxODk3NTgzLDUuODExNTAwMDcyNDc5MjQ4KSIgZmlsbD0iI0U4RThFOCIgZD0ibTkuNDgwNDYsOC45NjE1bDEuMjYsLTEuMjZsLTUuMDQsLTUuMDRsLTUuNDYsNS4wNGwxLjI2LDEuMjZsNC4yLC0zLjc4bDMuNzgsMy43OHoiLz48L3N2Zz4=)}.hc-black .monaco-scrollable-element>.scrollbar>.left-arrow,.vs-dark .monaco-scrollable-element>.scrollbar>.left-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDUuNDkwNDU5OTE4OTc1ODMxLDUuNDMxMzgyMTc5MjYwMjU0KSIgZmlsbD0iI0U4RThFOCIgZD0ibTkuNDgwNDYsOC41ODEzOGwxLjI2LC0xLjI2bC01LjA0LC01LjA0bC01LjQ2LDUuMDRsMS4yNiwxLjI2bDQuMiwtMy43OGwzLjc4LDMuNzh6Ii8+PC9zdmc+)}.hc-black .monaco-scrollable-element>.scrollbar>.right-arrow,.vs-dark .monaco-scrollable-element>.scrollbar>.right-arrow{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS42MTcxNjUwODg2NTM1NjQ1LDUuNTU4MDg5NzMzMTIzNzgpICIgZmlsbD0iI0U4RThFOCIgZD0ibTkuNjA3MTcsOC43MDgwOWwxLjI2LC0xLjI2bC01LjA0LC01LjA0bC01LjQ2LDUuMDRsMS4yNiwxLjI2bDQuMiwtMy43OGwzLjc4LDMuNzh6Ii8+PC9zdmc+)}.monaco-scrollable-element>.visible{opacity:1;background:transparent;transition:opacity .1s linear}.monaco-scrollable-element>.invisible{opacity:0;pointer-events:none}.monaco-scrollable-element>.invisible.fade{transition:opacity .8s linear}.monaco-scrollable-element>.shadow{position:absolute;display:none}.monaco-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:inset 0 6px 6px -6px #ddd}.monaco-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:inset 6px 0 6px -6px #ddd}.monaco-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.monaco-scrollable-element>.shadow.top.left{box-shadow:inset 6px 6px 6px -6px #ddd}.vs .monaco-scrollable-element>.scrollbar>.slider{background:hsla(0,0%,39%,.4)}.vs-dark .monaco-scrollable-element>.scrollbar>.slider{background:hsla(0,0%,47%,.4)}.hc-black .monaco-scrollable-element>.scrollbar>.slider{background:rgba(111,195,223,.6)}.monaco-scrollable-element>.scrollbar>.slider:hover{background:hsla(0,0%,39%,.7)}.hc-black .monaco-scrollable-element>.scrollbar>.slider:hover{background:rgba(111,195,223,.8)}.monaco-scrollable-element>.scrollbar>.slider.active{background:rgba(0,0,0,.6)}.vs-dark .monaco-scrollable-element>.scrollbar>.slider.active{background:hsla(0,0%,75%,.4)}.hc-black .monaco-scrollable-element>.scrollbar>.slider.active{background:#6fc3df}.vs-dark .monaco-scrollable-element .shadow.top{box-shadow:none}.vs-dark .monaco-scrollable-element .shadow.left{box-shadow:inset 6px 0 6px -6px #000}.vs-dark .monaco-scrollable-element .shadow.top.left{box-shadow:inset 6px 6px 6px -6px #000}.hc-black .monaco-scrollable-element .shadow.left,.hc-black .monaco-scrollable-element .shadow.top,.hc-black .monaco-scrollable-element .shadow.top.left{box-shadow:none}.monaco-split-view2{position:relative;width:100%;height:100%}.monaco-split-view2>.sash-container{position:absolute;width:100%;height:100%;pointer-events:none}.monaco-split-view2>.sash-container>.monaco-sash{pointer-events:auto}.monaco-split-view2>.split-view-container{display:flex;width:100%;height:100%;white-space:nowrap}.monaco-split-view2.vertical>.split-view-container{flex-direction:column}.monaco-split-view2.horizontal>.split-view-container{flex-direction:row}.monaco-split-view2>.split-view-container>.split-view-view{white-space:normal;flex:none;position:relative}.monaco-split-view2.vertical>.split-view-container>.split-view-view{width:100%}.monaco-split-view2.horizontal>.split-view-container>.split-view-view{height:100%;display:inline-block}.monaco-split-view2.separator-border>.split-view-container>.split-view-view:not(:first-child):before{content:" ";position:absolute;top:0;left:0;z-index:5;pointer-events:none;background-color:var(--separator-border)}.monaco-split-view2.separator-border.horizontal>.split-view-container>.split-view-view:not(:first-child):before{height:100%;width:1px}.monaco-split-view2.separator-border.vertical>.split-view-container>.split-view-view:not(:first-child):before{height:1px;width:100%}.monaco-tl-row{display:flex;height:100%;align-items:center}.monaco-tl-contents,.monaco-tl-twistie{height:100%}.monaco-tl-twistie{font-size:10px;text-align:right;margin-right:6px;flex-shrink:0;width:16px}.monaco-tl-contents{flex:1;overflow:hidden}.monaco-tl-twistie.collapsible{background-size:16px;background-position:3px 50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTExIDEwSDUuMzQ0TDExIDQuNDE0VjEweiIvPjwvc3ZnPg==)}.monaco-tl-twistie.collapsible.collapsed:not(.loading){display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRMOC41ODYgOCA3IDkuNTg2VjYuNDE0eiIvPjwvc3ZnPg==)}.vs-dark .monaco-tl-twistie.collapsible:not(.loading){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTExIDEwSDUuMzQ0TDExIDQuNDE0VjEweiIvPjwvc3ZnPg==)}.vs-dark .monaco-tl-twistie.collapsible.collapsed:not(.loading){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRMOC41ODYgOCA3IDkuNTg2VjYuNDE0eiIvPjwvc3ZnPg==)}.hc-black .monaco-tl-twistie.collapsible:not(.loading){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExIDEwLjA3aC01LjY1Nmw1LjY1Ni01LjY1NnY1LjY1NnoiLz48L3N2Zz4=)}.hc-black .monaco-tl-twistie.collapsible.collapsed:not(.loading){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRsMS41ODYgMS41ODYtMS41ODYgMS41ODZ2LTMuMTcyeiIvPjwvc3ZnPg==)}.monaco-tl-twistie.loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnPgoJCTxjaXJjbGUgY3g9JzUnIGN5PScxJyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzcuODI4NCcgY3k9JzIuMTcxNicgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc5JyBjeT0nNScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc3LjgyODQnIGN5PSc3LjgyODQnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNScgY3k9JzknIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMi4xNzE2JyBjeT0nNy44Mjg0JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzEnIGN5PSc1JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzIuMTcxNicgY3k9JzIuMTcxNicgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCTwvZz4KPC9zdmc+Cg==);background-position:0}.vs-dark .monaco-tl-twistie.loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnIHN0eWxlPSJmaWxsOmdyZXk7Ij4KCQk8Y2lyY2xlIGN4PSc1JyBjeT0nMScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc3LjgyODQnIGN5PScyLjE3MTYnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nOScgY3k9JzUnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNy44Mjg0JyBjeT0nNy44Mjg0JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzUnIGN5PSc5JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzIuMTcxNicgY3k9JzcuODI4NCcgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScxJyBjeT0nNScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScyLjE3MTYnIGN5PScyLjE3MTYnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+Cgk8L2c+Cjwvc3ZnPgo=)}.hc-black .monaco-tl-twistie.loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnIHN0eWxlPSJmaWxsOndoaXRlOyI+CgkJPGNpcmNsZSBjeD0nNScgY3k9JzEnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNy44Mjg0JyBjeT0nMi4xNzE2JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzknIGN5PSc1JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzcuODI4NCcgY3k9JzcuODI4NCcgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc1JyBjeT0nOScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScyLjE3MTYnIGN5PSc3LjgyODQnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMScgY3k9JzUnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMi4xNzE2JyBjeT0nMi4xNzE2JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJPC9nPgo8L3N2Zz4K)}.monaco-quick-open-widget{position:absolute;width:600px;z-index:2000;padding-bottom:6px;left:50%;margin-left:-300px}.monaco-quick-open-widget .monaco-progress-container{position:absolute;left:0;top:38px;z-index:1;height:2px}.monaco-quick-open-widget .monaco-progress-container .progress-bit{height:2px}.monaco-quick-open-widget .quick-open-input{width:588px;border:none;margin:6px}.monaco-quick-open-widget .quick-open-input .monaco-inputbox{width:100%;height:25px}.monaco-quick-open-widget .quick-open-result-count{position:absolute;left:-10000px}.monaco-quick-open-widget .quick-open-tree{line-height:22px}.monaco-quick-open-widget .quick-open-tree .monaco-tree-row>.content>.sub-content{overflow:hidden}.monaco-quick-open-widget.content-changing .quick-open-tree .monaco-scrollable-element .slider{display:none}.monaco-quick-open-widget .quick-open-tree .quick-open-entry{overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;height:100%}.monaco-quick-open-widget .quick-open-tree .quick-open-entry>.quick-open-row{display:flex;align-items:center}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon{overflow:hidden;width:16px;height:16px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.monaco-quick-open-widget .quick-open-tree .monaco-icon-label,.monaco-quick-open-widget .quick-open-tree .monaco-icon-label .monaco-icon-label-description-container{flex:1}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .monaco-highlighted-label span{opacity:1}.monaco-quick-open-widget .quick-open-tree .quick-open-entry-meta{opacity:.7;line-height:normal}.monaco-quick-open-widget .quick-open-tree .content.has-group-label .quick-open-entry-keybinding{margin-right:8px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry-keybinding .monaco-keybinding-key{vertical-align:text-bottom}.monaco-quick-open-widget .quick-open-tree .results-group{margin-right:18px}.monaco-quick-open-widget .quick-open-tree .focused .monaco-tree-row.focused>.content.has-actions>.results-group,.monaco-quick-open-widget .quick-open-tree .monaco-tree-row.focused>.content.has-actions>.results-group,.monaco-quick-open-widget .quick-open-tree .monaco-tree-row:hover:not(.highlighted)>.content.has-actions>.results-group{margin-right:0}.monaco-quick-open-widget .quick-open-tree .results-group-separator{border-top-width:1px;border-top-style:solid;box-sizing:border-box;margin-left:-11px;padding-left:11px}.monaco-tree .monaco-tree-row>.content.actions{position:relative;display:flex}.monaco-tree .monaco-tree-row>.content.actions>.sub-content{flex:1}.monaco-tree .monaco-tree-row>.content.actions .action-item{margin:0}.monaco-tree .monaco-tree-row>.content.actions>.primary-action-bar{line-height:22px;display:none;padding:0 .8em 0 .4em}.monaco-tree .monaco-tree-row.focused>.content.has-actions>.primary-action-bar{width:0;display:block}.monaco-tree.focused .monaco-tree-row.focused>.content.has-actions>.primary-action-bar,.monaco-tree .monaco-tree-row:hover:not(.highlighted)>.content.has-actions>.primary-action-bar,.monaco-tree .monaco-tree-row>.content.has-actions.more>.primary-action-bar{width:inherit;display:block}.monaco-tree .monaco-tree-row>.content.actions>.primary-action-bar .action-label{margin-right:.4em;margin-top:4px;background-repeat:no-repeat;width:16px;height:16px}.monaco-quick-open-widget .quick-open-tree .monaco-highlighted-label .highlight{font-weight:700}.monaco-tree{height:100%;width:100%;white-space:nowrap;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;position:relative}.monaco-tree>.monaco-scrollable-element{height:100%}.monaco-tree>.monaco-scrollable-element>.monaco-tree-wrapper{height:100%;width:100%;position:relative}.monaco-tree .monaco-tree-rows{position:absolute;width:100%;height:100%}.monaco-tree .monaco-tree-rows>.monaco-tree-row{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;cursor:pointer;overflow:hidden;width:100%;touch-action:none}.monaco-tree .monaco-tree-rows>.monaco-tree-row>.content{position:relative;height:100%}.monaco-tree-drag-image{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;position:absolute}.monaco-tree .monaco-tree-rows>.monaco-tree-row.scrolling{display:none}.monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.has-children>.content:before{content:" ";position:absolute;display:block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRMOC41ODYgOCA3IDkuNTg2VjYuNDE0eiIvPjwvc3ZnPg==) 50% 50% no-repeat;width:16px;height:100%;top:0;left:-16px}.monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.expanded>.content:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTExIDEwSDUuMzQ0TDExIDQuNDE0VjEweiIvPjwvc3ZnPg==)}.monaco-tree .monaco-tree-rows>.monaco-tree-row.has-children.loading>.content:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnPgoJCTxjaXJjbGUgY3g9JzUnIGN5PScxJyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzcuODI4NCcgY3k9JzIuMTcxNicgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc5JyBjeT0nNScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc3LjgyODQnIGN5PSc3LjgyODQnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNScgY3k9JzknIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMi4xNzE2JyBjeT0nNy44Mjg0JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzEnIGN5PSc1JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzIuMTcxNicgY3k9JzIuMTcxNicgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCTwvZz4KPC9zdmc+Cg==)}.monaco-tree.highlighted .monaco-tree-rows>.monaco-tree-row:not(.highlighted){opacity:.3}.vs-dark .monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.has-children>.content:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRMOC41ODYgOCA3IDkuNTg2VjYuNDE0eiIvPjwvc3ZnPg==)}.vs-dark .monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.expanded>.content:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTExIDEwSDUuMzQ0TDExIDQuNDE0VjEweiIvPjwvc3ZnPg==)}.vs-dark .monaco-tree .monaco-tree-rows>.monaco-tree-row.has-children.loading>.content:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnIHN0eWxlPSJmaWxsOmdyZXk7Ij4KCQk8Y2lyY2xlIGN4PSc1JyBjeT0nMScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc3LjgyODQnIGN5PScyLjE3MTYnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nOScgY3k9JzUnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNy44Mjg0JyBjeT0nNy44Mjg0JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzUnIGN5PSc5JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzIuMTcxNicgY3k9JzcuODI4NCcgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScxJyBjeT0nNScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScyLjE3MTYnIGN5PScyLjE3MTYnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+Cgk8L2c+Cjwvc3ZnPgo=)}.hc-black .monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.has-children>.content:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRsMS41ODYgMS41ODYtMS41ODYgMS41ODZ2LTMuMTcyeiIvPjwvc3ZnPg==)}.hc-black .monaco-tree .monaco-tree-rows.show-twisties>.monaco-tree-row.expanded>.content:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExIDEwLjA3aC01LjY1Nmw1LjY1Ni01LjY1NnY1LjY1NnoiLz48L3N2Zz4=)}.hc-black .monaco-tree .monaco-tree-rows>.monaco-tree-row.has-children.loading>.content:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBzdGFuZGFsb25lPSdubycgPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTBweCc+Cgk8c3R5bGU+CiAgICBjaXJjbGUgewogICAgICBhbmltYXRpb246IGJhbGwgMC42cyBsaW5lYXIgaW5maW5pdGU7CiAgICB9CgogICAgY2lyY2xlOm50aC1jaGlsZCgyKSB7IGFuaW1hdGlvbi1kZWxheTogMC4wNzVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDMpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjE1czsgfQogICAgY2lyY2xlOm50aC1jaGlsZCg0KSB7IGFuaW1hdGlvbi1kZWxheTogMC4yMjVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDUpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDYpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjM3NXM7IH0KICAgIGNpcmNsZTpudGgtY2hpbGQoNykgeyBhbmltYXRpb24tZGVsYXk6IDAuNDVzOyB9CiAgICBjaXJjbGU6bnRoLWNoaWxkKDgpIHsgYW5pbWF0aW9uLWRlbGF5OiAwLjUyNXM7IH0KCiAgICBAa2V5ZnJhbWVzIGJhbGwgewogICAgICBmcm9tIHsgb3BhY2l0eTogMTsgfQogICAgICB0byB7IG9wYWNpdHk6IDAuMzsgfQogICAgfQoJPC9zdHlsZT4KCTxnIHN0eWxlPSJmaWxsOndoaXRlOyI+CgkJPGNpcmNsZSBjeD0nNScgY3k9JzEnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nNy44Mjg0JyBjeT0nMi4xNzE2JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzknIGN5PSc1JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJCTxjaXJjbGUgY3g9JzcuODI4NCcgY3k9JzcuODI4NCcgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PSc1JyBjeT0nOScgcj0nMScgc3R5bGU9J29wYWNpdHk6MC4zOycgLz4KCQk8Y2lyY2xlIGN4PScyLjE3MTYnIGN5PSc3LjgyODQnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMScgY3k9JzUnIHI9JzEnIHN0eWxlPSdvcGFjaXR5OjAuMzsnIC8+CgkJPGNpcmNsZSBjeD0nMi4xNzE2JyBjeT0nMi4xNzE2JyByPScxJyBzdHlsZT0nb3BhY2l0eTowLjM7JyAvPgoJPC9nPgo8L3N2Zz4K)}.monaco-tree-action.collapse-all{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTEgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMSAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjNDI0MjQyIiBkPSJNMTQgMXY5aC0xdi04aC04di0xaDl6bS0xMSAydjFoOHY4aDF2LTloLTl6bTcgMnY5aC05di05aDl6bS0yIDJoLTV2NWg1di01eiIvPjxyZWN0IHg9IjQiIHk9IjkiIGZpbGw9IiMwMDUzOUMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz48L3N2Zz4=) 50% no-repeat}.hc-black .monaco-tree-action.collapse-all,.vs-dark .monaco-tree-action.collapse-all{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTEgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMSAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjQzVDNUM1IiBkPSJNMTQgMXY5aC0xdi04aC04di0xaDl6bS0xMSAydjFoOHY4aDF2LTloLTl6bTcgMnY5aC05di05aDl6bS0yIDJoLTV2NWg1di01eiIvPjxyZWN0IHg9IjQiIHk9IjkiIGZpbGw9IiM3NUJFRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz48L3N2Zz4=) 50% no-repeat}.monaco-editor .inputarea{min-width:0;min-height:0;margin:0;padding:0;position:absolute;outline:none!important;resize:none;border:none;overflow:hidden;color:transparent;background-color:transparent}.monaco-editor .inputarea.ime-input{z-index:10}.monaco-editor .margin-view-overlays .current-line,.monaco-editor .view-overlays .current-line{display:block;position:absolute;left:0;top:0;box-sizing:border-box}.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both{border-right:0}.monaco-editor .lines-content .cdr{position:absolute}.monaco-editor .glyph-margin{position:absolute;top:0}.monaco-editor .lines-content .cigr,.monaco-editor .lines-content .cigra,.monaco-editor .margin-view-overlays .cgmr{position:absolute}.monaco-editor .margin-view-overlays .line-numbers{position:absolute;text-align:right;display:inline-block;vertical-align:middle;box-sizing:border-box;cursor:default;height:100%}.monaco-editor .relative-current-line-number{text-align:left;display:inline-block;width:100%}.monaco-editor .margin-view-overlays .line-numbers{cursor:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyNSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNSAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUgMjU7Ij48cG9seWdvbiBzdHlsZT0iZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwIiBwb2ludHM9IjE0LjUsMS4yIDEuOSwxMy44IDcsMTMuOCAzLjIsMjEuNSA2LjMsMjIuNSAxMC4xLDE0LjkgMTQuNSwxOCIvPjwvc3ZnPg==) 1x,url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAzMCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgNTA7Ij48cG9seWdvbiBzdHlsZT0iZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyOyIgcG9pbnRzPSIyOSwyLjQgMy44LDI3LjYgMTQsMjcuNiA2LjQsNDMgMTIuNiw0NSAyMC4yLDI5LjggMjksMzYiLz48L3N2Zz4K) 2x) 30 0,default}.monaco-editor.mac .margin-view-overlays .line-numbers{cursor:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTMgMTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDE5OyIgd2lkdGg9IjEzIiBoZWlnaHQ9IjE5Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PHRpdGxlPmZsaXBwZWQtY3Vyc29yLW1hYzwvdGl0bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUuMywxNi42bDEuNi00LjdIMi4xTDEyLjUsMS4ydjE0LjRMOS43LDEzbC0xLjYsNC42Yy0wLjIsMC41LTAuOCwwLjgtMS4zLDAuNkw2LDE3LjkgQzUuNCwxNy43LDUuMSwxNy4yLDUuMywxNi42eiIvPjwvc3ZnPgo=) 1x,url(data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDI2IDM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNiAzODsiIHdpZHRoPSIyNiIgaGVpZ2h0PSIzOCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe3N0cm9rZTojRkZGRkZGO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPgk8dGl0bGU+ZmxpcHBlZC1jdXJzb3ItbWFjPC90aXRsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAuNiwzMy4ybDMuMi05LjRINC4yTDI1LDIuNHYyOC44TDE5LjQsMjZsLTMuMiw5LjJjLTAuNCwxLTEuNiwxLjYtMi42LDEuMkwxMiwzNS44IEMxMC44LDM1LjQsMTAuMiwzNC40LDEwLjYsMzMuMnoiLz48L3N2Zz4K) 2x) 24 3,default}.monaco-editor .margin-view-overlays .line-numbers.lh-odd{margin-top:1px}.monaco-editor.no-user-select .lines-content,.monaco-editor.no-user-select .view-line,.monaco-editor.no-user-select .view-lines{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.monaco-editor .view-lines{cursor:text;white-space:nowrap}.monaco-editor.hc-black.mac .view-lines,.monaco-editor.vs-dark.mac .view-lines{cursor:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC) 2x) 5 8,text}.monaco-editor .view-line{position:absolute;width:100%}.monaco-editor .lines-decorations{position:absolute;top:0;background:#fff}.monaco-editor .margin-view-overlays .cldr{position:absolute;height:100%}.monaco-editor .margin-view-overlays .cmdr{position:absolute;left:0;width:100%;height:100%}.monaco-editor .minimap.slider-mouseover .minimap-slider{opacity:0;transition:opacity .1s linear}.monaco-editor .minimap.slider-mouseover .minimap-slider.active,.monaco-editor .minimap.slider-mouseover:hover .minimap-slider{opacity:1}.monaco-editor .minimap-shadow-hidden{position:absolute;width:0}.monaco-editor .minimap-shadow-visible{position:absolute;left:-6px;width:6px}.monaco-editor .overlayWidgets{position:absolute;top:0;left:0}.monaco-editor .view-ruler{position:absolute;top:0}.monaco-editor .scroll-decoration{position:absolute;top:0;left:0;height:6px}.monaco-editor .lines-content .cslr{position:absolute}.monaco-editor .top-left-radius{border-top-left-radius:3px}.monaco-editor .bottom-left-radius{border-bottom-left-radius:3px}.monaco-editor .top-right-radius{border-top-right-radius:3px}.monaco-editor .bottom-right-radius{border-bottom-right-radius:3px}.monaco-editor.hc-black .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-black .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-black .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-black .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor .cursors-layer{position:absolute;top:0}.monaco-editor .cursors-layer>.cursor{position:absolute;cursor:text;overflow:hidden}.monaco-editor .cursors-layer.cursor-smooth-caret-animation>.cursor{transition:80ms}.monaco-editor .cursors-layer.cursor-block-outline-style>.cursor{box-sizing:border-box;background:transparent!important;border-style:solid;border-width:1px}.monaco-editor .cursors-layer.cursor-underline-style>.cursor{border-bottom-width:2px;border-bottom-style:solid;background:transparent!important;box-sizing:border-box}.monaco-editor .cursors-layer.cursor-underline-thin-style>.cursor{border-bottom-width:1px;border-bottom-style:solid;background:transparent!important;box-sizing:border-box}@keyframes monaco-cursor-smooth{0%,20%{opacity:1}60%,to{opacity:0}}@keyframes monaco-cursor-phase{0%,20%{opacity:1}90%,to{opacity:0}}@keyframes monaco-cursor-expand{0%,20%{transform:scaleY(1)}80%,to{transform:scaleY(0)}}.cursor-smooth{animation:monaco-cursor-smooth .5s ease-in-out 0s 20 alternate}.cursor-phase{animation:monaco-cursor-phase .5s ease-in-out 0s 20 alternate}.cursor-expand>.cursor{animation:monaco-cursor-expand .5s ease-in-out 0s 20 alternate}.monaco-diff-editor .diffOverview{z-index:9}.monaco-diff-editor.vs .diffOverview{background:rgba(0,0,0,.03)}.monaco-diff-editor.vs-dark .diffOverview{background:hsla(0,0%,100%,.01)}.monaco-diff-editor .diffViewport{box-shadow:inset 0 0 1px 0 #b9b9b9;background:rgba(0,0,0,.1)}.monaco-diff-editor.hc-black .diffViewport,.monaco-diff-editor.vs-dark .diffViewport{background:hsla(0,0%,100%,.1)}.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar{background:transparent}.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar{background:none}.monaco-scrollable-element.modified-in-monaco-diff-editor .slider{z-index:10}.modified-in-monaco-diff-editor .slider.active{background:hsla(0,0%,67%,.4)}.modified-in-monaco-diff-editor.hc-black .slider.active{background:none}.monaco-diff-editor .delete-sign,.monaco-diff-editor .insert-sign,.monaco-editor .delete-sign,.monaco-editor .insert-sign{background-size:60%;opacity:.7;background-repeat:no-repeat;background-position:50% 50%;background-position:50%;background-size:11px 11px}.monaco-diff-editor.hc-black .delete-sign,.monaco-diff-editor.hc-black .insert-sign,.monaco-editor.hc-black .delete-sign,.monaco-editor.hc-black .insert-sign{opacity:1}.monaco-diff-editor .insert-sign,.monaco-editor .insert-sign{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxyZWN0IGhlaWdodD0iMTEiIHdpZHRoPSIzIiB5PSIzIiB4PSI3IiBmaWxsPSIjNDI0MjQyIi8+PHJlY3QgaGVpZ2h0PSIzIiB3aWR0aD0iMTEiIHk9IjciIHg9IjMiIGZpbGw9IiM0MjQyNDIiLz48L3N2Zz4=)}.monaco-diff-editor .delete-sign,.monaco-editor .delete-sign{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxyZWN0IGhlaWdodD0iMyIgd2lkdGg9IjExIiB5PSI3IiB4PSIzIiBmaWxsPSIjNDI0MjQyIi8+PC9zdmc+)}.monaco-diff-editor.hc-black .insert-sign,.monaco-diff-editor.vs-dark .insert-sign,.monaco-editor.hc-black .insert-sign,.monaco-editor.vs-dark .insert-sign{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxyZWN0IGhlaWdodD0iMTEiIHdpZHRoPSIzIiB5PSIzIiB4PSI3IiBmaWxsPSIjQzVDNUM1Ii8+PHJlY3QgaGVpZ2h0PSIzIiB3aWR0aD0iMTEiIHk9IjciIHg9IjMiIGZpbGw9IiNDNUM1QzUiLz48L3N2Zz4=)}.monaco-diff-editor.hc-black .delete-sign,.monaco-diff-editor.vs-dark .delete-sign,.monaco-editor.hc-black .delete-sign,.monaco-editor.vs-dark .delete-sign{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxyZWN0IGhlaWdodD0iMyIgd2lkdGg9IjExIiB5PSI3IiB4PSIzIiBmaWxsPSIjQzVDNUM1Ii8+PC9zdmc+)}.monaco-editor .inline-added-margin-view-zone,.monaco-editor .inline-deleted-margin-view-zone{text-align:right}.monaco-editor .diagonal-fill{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAChJREFUKFNjOH/+fAMDDgCSu3Dhwn9c8gwwBTgNGR4KQP4HhQOhsAIAZCBTkhtqePcAAAAASUVORK5CYII=)}.monaco-editor.vs-dark .diagonal-fill{opacity:.2}.monaco-editor.hc-black .diagonal-fill{background:none}.monaco-editor .view-zones .view-lines .view-line span{display:inline-block}.monaco-diff-editor .diff-review-line-number{text-align:right;display:inline-block}.monaco-diff-editor .diff-review{position:absolute;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.monaco-diff-editor .diff-review-summary{padding-left:10px}.monaco-diff-editor .diff-review-shadow{position:absolute}.monaco-diff-editor .diff-review-row{white-space:pre}.monaco-diff-editor .diff-review-table{display:table;min-width:100%}.monaco-diff-editor .diff-review-row{display:table-row;width:100%}.monaco-diff-editor .diff-review-cell{display:table-cell}.monaco-diff-editor .diff-review-spacer{display:inline-block;width:10px}.monaco-diff-editor .diff-review-actions{display:inline-block;position:absolute;right:10px;top:2px}.monaco-diff-editor .diff-review-actions .action-label{width:16px;height:16px;margin:2px 0}.monaco-diff-editor .action-label.icon.close-diff-review{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iIzQyNDI0MiIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==) 50% no-repeat}.monaco-diff-editor.hc-black .action-label.icon.close-diff-review,.monaco-diff-editor.vs-dark .action-label.icon.close-diff-review{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iI2U4ZThlOCIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==) 50% no-repeat}::-ms-clear{display:none}.monaco-editor .editor-widget input{color:inherit}.monaco-editor{position:relative;overflow:visible;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"liga" off,"calt" off;font-feature-settings:"liga" off,"calt" off}.monaco-editor.enable-ligatures{-webkit-font-feature-settings:"liga" on,"calt" on;font-feature-settings:"liga" on,"calt" on}.monaco-editor .overflow-guard{position:relative;overflow:hidden}.monaco-editor .view-overlays{position:absolute;top:0}.monaco-editor .vs-whitespace{display:inline-block}.monaco-editor .bracket-match{box-sizing:border-box}.monaco-menu .monaco-action-bar.vertical .action-label.hover{background-color:#eee}.monaco-editor .lightbulb-glyph{display:flex;align-items:center;justify-content:center;height:16px;width:20px;padding-left:2px}.monaco-editor .lightbulb-glyph:hover{cursor:pointer}.monaco-editor.vs .lightbulb-glyph{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PHBhdGggZmlsbD0iI0Y2RjZGNiIgZD0iTTEzLjUgNC4yQzEzLjEgMi4xIDEwLjggMCA5LjMgMEg2LjdjLS40IDAtLjYuMi0uNi4yQzQgLjggMi41IDIuNyAyLjUgNC45YzAgLjUtLjEgMi4zIDEuNyAzLjguNS41IDEuMiAyIDEuMyAyLjR2My4zTDcuMSAxNmgybDEuNS0xLjZWMTFjLjEtLjQuOC0xLjkgMS4zLTIuMyAxLjEtLjkgMS41LTEuOSAxLjYtMi43VjQuMnoiLz48Zz48ZyBmaWxsPSIjODQ4NDg0Ij48cGF0aCBkPSJNNi41IDEyaDN2MWgtM3pNNy41IDE1aDEuMWwuOS0xaC0zeiIvPjwvZz48cGF0aCBmaWxsPSIjZmMwIiBkPSJNMTIuNiA1YzAtMi4zLTEuOC00LjEtNC4xLTQuMS0uMSAwLTEuNC4xLTEuNC4xLTIuMS4zLTMuNyAyLTMuNyA0IDAgLjEtLjIgMS42IDEuNCAzIC43LjcgMS41IDIuNCAxLjYgMi45bC4xLjFoM2wuMS0uMmMuMS0uNS45LTIuMiAxLjYtMi45IDEuNi0xLjMgMS40LTIuOCAxLjQtMi45em0tMyAxbC0uNSAzaC0uNlY2YzEuMSAwIC45LTEgLjktMUg2LjV2LjFjMCAuMi4xLjkgMSAuOXYzSDdsLS4yLS43TDYuNSA2Yy0uNyAwLS45LS40LTEtLjd2LS40YzAtLjguOS0uOS45LS45aDMuMXMxIC4xIDEgMWMwIDAgLjEgMS0uOSAxeiIvPjwvZz48cGF0aCBmaWxsPSIjRjBFRkYxIiBkPSJNMTAuNSA1YzAtLjktMS0xLTEtMUg2LjRzLS45LjEtLjkuOXYuNGMwIC4zLjMuNy45LjdsLjQgMi4zLjIuN2guNVY2Yy0xIDAtMS0uNy0xLS45VjVoM3MuMSAxLS45IDF2M2guNmwuNS0zYy45IDAgLjgtMSAuOC0xeiIvPjwvc3ZnPg==) 50% no-repeat}.monaco-editor.vs .lightbulb-glyph.autofixable{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAwMSA0LjJDMTIuNjAxIDIuMSAxMC4zMDEgMCA4LjgwMSAwSDYuMjAxQzUuODAxIDAgNS42MDEgMC4yIDUuNjAxIDAuMkMzLjUwMSAwLjggMi4wMDEgMi43IDIuMDAxIDQuOUMyLjAwMSA1LjQgMS45MDEgNy4yIDMuNzAxIDguN0M0LjIwMSA5LjIgNC45MDEgMTAuNyA1LjAwMSAxMS4xVjE0LjRMNi42MDEgMTZIOC42MDFMMTAuMTAxIDE0LjRWMTFDMTAuMjAxIDEwLjYgMTAuOTAxIDkuMSAxMS40MDEgOC43QzEyLjUwMSA3LjggMTIuOTAxIDYuOCAxMy4wMDEgNlY0LjJaIiBmaWxsPSIjRjZGNkY2Ii8+CjxwYXRoIGQ9Ik02LjAwMDk4IDEySDkuMDAwOThWMTNINi4wMDA5OFYxMlpNNy4wMDA5OCAxNUg4LjEwMDk4TDkuMDAwOTggMTRINi4wMDA5OEw3LjAwMDk4IDE1WiIgZmlsbD0iIzg0ODQ4NCIvPgo8cGF0aCBkPSJNMTIuMTAxMSA0Ljk5OTlDMTIuMTAxMSAyLjY5OTkgMTAuMzAxMSAwLjg5OTkwMiA4LjAwMTA3IDAuODk5OTAyQzcuOTAxMDcgMC44OTk5MDIgNi42MDEwNyAwLjk5OTkwMiA2LjYwMTA3IDAuOTk5OTAyQzQuNTAxMDcgMS4yOTk5IDIuOTAxMDcgMi45OTk5IDIuOTAxMDcgNC45OTk5QzIuOTAxMDcgNS4wOTk5IDIuNzAxMDcgNi41OTk5IDQuMzAxMDcgNy45OTk5QzUuMDAxMDcgOC42OTk5IDUuODAxMDcgMTAuMzk5OSA1LjkwMTA3IDEwLjg5OTlMNi4wMDEwNyAxMC45OTk5SDkuMDAxMDdMOS4xMDEwNyAxMC43OTk5QzkuMjAxMDcgMTAuMjk5OSAxMC4wMDExIDguNTk5OSAxMC43MDExIDcuODk5OUMxMi4zMDExIDYuNTk5OSAxMi4xMDExIDUuMDk5OSAxMi4xMDExIDQuOTk5OVY0Ljk5OTlaTTkuMTAxMDcgNS45OTk5TDguNjAxMDcgOC45OTk5SDguMDAxMDdWNS45OTk5QzkuMTAxMDcgNS45OTk5IDguOTAxMDcgNC45OTk5IDguOTAxMDcgNC45OTk5SDYuMDAxMDdWNS4wOTk5QzYuMDAxMDcgNS4yOTk5IDYuMTAxMDcgNS45OTk5IDcuMDAxMDcgNS45OTk5VjguOTk5OUg2LjUwMTA3TDYuMzAxMDcgOC4yOTk5TDYuMDAxMDcgNS45OTk5QzUuMzAxMDcgNS45OTk5IDUuMTAxMDcgNS41OTk5IDUuMDAxMDcgNS4yOTk5VjQuODk5OUM1LjAwMTA3IDQuMDk5OSA1LjkwMTA3IDMuOTk5OSA1LjkwMTA3IDMuOTk5OUg5LjAwMTA3QzkuMDAxMDcgMy45OTk5IDEwLjAwMTEgNC4wOTk5IDEwLjAwMTEgNC45OTk5QzEwLjAwMTEgNC45OTk5IDEwLjEwMTEgNS45OTk5IDkuMTAxMDcgNS45OTk5WiIgZmlsbD0iI0ZGQ0MwMCIvPgo8cGF0aCBkPSJNMTAuMDAxIDVDMTAuMDAxIDQuMSA5LjAwMDk4IDQgOS4wMDA5OCA0SDUuOTAwOThDNS45MDA5OCA0IDUuMDAwOTggNC4xIDUuMDAwOTggNC45VjUuM0M1LjAwMDk4IDUuNiA1LjMwMDk4IDYgNS45MDA5OCA2TDYuMzAwOTggOC4zTDYuNTAwOTggOUg3LjAwMDk4VjZDNi4wMDA5OCA2IDYuMDAwOTggNS4zIDYuMDAwOTggNS4xVjVIOS4wMDA5OEM5LjAwMDk4IDUgOS4xMDA5OCA2IDguMTAwOTggNlY5SDguNzAwOThMOS4yMDA5OCA2QzEwLjEwMSA2IDEwLjAwMSA1IDEwLjAwMSA1WiIgZmlsbD0iI0YwRUZGMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTJDOCA5Ljc3Mzg2IDkuNzczODYgOCAxMiA4QzE0LjIyNjEgOCAxNiA5Ljc3Mzg2IDE2IDEyQzE2IDE0LjIyNjEgMTQuMjI2MSAxNiAxMiAxNkM5Ljc3Mzg2IDE2IDggMTQuMjI2MSA4IDEyWiIgZmlsbD0iI0Y2RjZGNiIvPgo8cGF0aCBkPSJNMTIuMzE5MiAxMi4zMDMxTDEzLjM0OTUgMTMuMzMzNEwxMy4zMzM0IDEzLjM0OTVMMTIuMzAzMSAxMi4zMTkyTDEyIDEyLjAxNjJMMTEuNjk3IDEyLjMxOTJMMTAuNjY2NyAxMy4zNDk1TDEwLjY1MDYgMTMuMzMzNEwxMS42ODA5IDEyLjMwMzFMMTEuOTgzOSAxMkwxMS42ODA5IDExLjY5N0wxMC42NTA2IDEwLjY2NjdMMTAuNjY2NyAxMC42NTA2TDExLjY5NyAxMS42ODA5TDEyIDExLjk4MzlMMTIuMzAzMSAxMS42ODA5TDEzLjMzMzQgMTAuNjUwNkwxMy4zNDk1IDEwLjY2NjdMMTIuMzE5MiAxMS42OTdMMTIuMDE2MiAxMkwxMi4zMTkyIDEyLjMwMzFaTTEyIDguNDYwMzRDMTAuMDMgOC40NjAzNCA4LjQ2MDM0IDEwLjAzIDguNDYwMzQgMTJDOC40NjAzNCAxMy45NzAxIDEwLjAzIDE1LjUzOTcgMTIgMTUuNTM5N0MxMy45NzAxIDE1LjUzOTcgMTUuNTM5NyAxMy45NzAxIDE1LjUzOTcgMTJDMTUuNTM5NyAxMC4wMyAxMy45NzAxIDguNDYwMzQgMTIgOC40NjAzNFoiIGZpbGw9IiMwMDdBQ0MiIHN0cm9rZT0iI0Y2RjZGNiIgc3Ryb2tlLXdpZHRoPSIwLjg1NzE0MyIvPgo8cGF0aCBkPSJNMTIuNjIyNSAxMi4wMDAyTDEzLjk1NTggMTMuMzMzNkwxMy4zMzM2IDEzLjk1NThMMTIuMDAwMiAxMi42MjI1TDEwLjY2NjkgMTMuOTU1OEwxMC4wNDQ3IDEzLjMzMzZMMTEuMzc4IDEyLjAwMDJMMTAuMDQ0NyAxMC42NjY5TDEwLjY2NjkgMTAuMDQ0N0wxMi4wMDAyIDExLjM3OEwxMy4zMzM2IDEwLjA0NDdMMTMuOTU1OCAxMC42NjY5TDEyLjYyMjUgMTIuMDAwMloiIGZpbGw9IiMwMDdBQ0MiLz4KPHBhdGggZD0iTTEwLjcwNCAxNEwxMS4yMDI4IDEyLjQ3MTJMMTAgMTEuNjM5NEgxMS40NzMyTDEyIDEwTDEyLjUzNjEgMTEuNjM5NEgxNEwxMi43OTcyIDEyLjQ3MTJMMTMuMzA1NCAxNEwxMiAxMy4wMjRMMTAuNzA0IDE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 50% no-repeat}.monaco-editor.hc-black .lightbulb-glyph,.monaco-editor.vs-dark .lightbulb-glyph{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PHBhdGggZmlsbD0iIzFFMUUxRSIgZD0iTTEzLjUgNC4yQzEzLjEgMi4xIDEwLjggMCA5LjMgMEg2LjdjLS40IDAtLjYuMi0uNi4yQzQgLjggMi41IDIuNyAyLjUgNC45YzAgLjUtLjEgMi4zIDEuNyAzLjguNS41IDEuMiAyIDEuMyAyLjR2My4zTDcuMSAxNmgybDEuNS0xLjZWMTFjLjEtLjQuOC0xLjkgMS4zLTIuMyAxLjEtLjkgMS41LTEuOSAxLjYtMi43VjQuMnoiLz48Zz48ZyBmaWxsPSIjQzVDNUM1Ij48cGF0aCBkPSJNNi41IDEyaDN2MWgtM3pNNy41IDE1aDEuMWwuOS0xaC0zeiIvPjwvZz48cGF0aCBmaWxsPSIjRERCMjA0IiBkPSJNMTIuNiA1YzAtMi4zLTEuOC00LjEtNC4xLTQuMS0uMSAwLTEuNC4xLTEuNC4xLTIuMS4zLTMuNyAyLTMuNyA0IDAgLjEtLjIgMS42IDEuNCAzIC43LjcgMS41IDIuNCAxLjYgMi45bC4xLjFoM2wuMS0uMmMuMS0uNS45LTIuMiAxLjYtMi45IDEuNi0xLjMgMS40LTIuOCAxLjQtMi45em0tMyAxbC0uNSAzaC0uNlY2YzEuMSAwIC45LTEgLjktMUg2LjV2LjFjMCAuMi4xLjkgMSAuOXYzSDdsLS4yLS43TDYuNSA2Yy0uNyAwLS45LS40LTEtLjd2LS40YzAtLjguOS0uOS45LS45aDMuMXMxIC4xIDEgMWMwIDAgLjEgMS0uOSAxeiIvPjwvZz48cGF0aCBmaWxsPSIjMjUyNTI2IiBkPSJNMTAuNSA1YzAtLjktMS0xLTEtMUg2LjRzLS45LjEtLjkuOXYuNGMwIC4zLjMuNy45LjdsLjQgMi4zLjIuN2guNVY2Yy0xIDAtMS0uNy0xLS45VjVoM3MuMSAxLS45IDF2M2guNmwuNS0zYy45IDAgLjgtMSAuOC0xeiIvPjwvc3ZnPg==) 50% no-repeat}.monaco-editor.hc-black .lightbulb-glyph.autofixable,.monaco-editor.vs-dark .lightbulb-glyph.autofixable{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAwMSA0LjJDMTIuNjAxIDIuMSAxMC4zMDEgMCA4LjgwMSAwSDYuMjAxQzUuODAxIDAgNS42MDEgMC4yIDUuNjAxIDAuMkMzLjUwMSAwLjggMi4wMDEgMi43IDIuMDAxIDQuOUMyLjAwMSA1LjQgMS45MDEgNy4yIDMuNzAxIDguN0M0LjIwMSA5LjIgNC45MDEgMTAuNyA1LjAwMSAxMS4xVjE0LjRMNi42MDEgMTZIOC42MDFMMTAuMTAxIDE0LjRWMTFDMTAuMjAxIDEwLjYgMTAuOTAxIDkuMSAxMS40MDEgOC43QzEyLjUwMSA3LjggMTIuOTAxIDYuOCAxMy4wMDEgNlY0LjJaIiBmaWxsPSIjMUUxRTFFIi8+CjxwYXRoIGQ9Ik02LjAwMDk4IDEySDkuMDAwOThWMTNINi4wMDA5OFYxMlpNNy4wMDA5OCAxNUg4LjEwMDk4TDkuMDAwOTggMTRINi4wMDA5OEw3LjAwMDk4IDE1WiIgZmlsbD0iI0M1QzVDNSIvPgo8cGF0aCBkPSJNMTIuMTAxMSA0Ljk5OTlDMTIuMTAxMSAyLjY5OTkgMTAuMzAxMSAwLjg5OTkwMiA4LjAwMTA3IDAuODk5OTAyQzcuOTAxMDcgMC44OTk5MDIgNi42MDEwNyAwLjk5OTkwMiA2LjYwMTA3IDAuOTk5OTAyQzQuNTAxMDcgMS4yOTk5IDIuOTAxMDcgMi45OTk5IDIuOTAxMDcgNC45OTk5QzIuOTAxMDcgNS4wOTk5IDIuNzAxMDcgNi41OTk5IDQuMzAxMDcgNy45OTk5QzUuMDAxMDcgOC42OTk5IDUuODAxMDcgMTAuMzk5OSA1LjkwMTA3IDEwLjg5OTlMNi4wMDEwNyAxMC45OTk5SDkuMDAxMDdMOS4xMDEwNyAxMC43OTk5QzkuMjAxMDcgMTAuMjk5OSAxMC4wMDExIDguNTk5OSAxMC43MDExIDcuODk5OUMxMi4zMDExIDYuNTk5OSAxMi4xMDExIDUuMDk5OSAxMi4xMDExIDQuOTk5OVY0Ljk5OTlaTTkuMTAxMDcgNS45OTk5TDguNjAxMDcgOC45OTk5SDguMDAxMDdWNS45OTk5QzkuMTAxMDcgNS45OTk5IDguOTAxMDcgNC45OTk5IDguOTAxMDcgNC45OTk5SDYuMDAxMDdWNS4wOTk5QzYuMDAxMDcgNS4yOTk5IDYuMTAxMDcgNS45OTk5IDcuMDAxMDcgNS45OTk5VjguOTk5OUg2LjUwMTA3TDYuMzAxMDcgOC4yOTk5TDYuMDAxMDcgNS45OTk5QzUuMzAxMDcgNS45OTk5IDUuMTAxMDcgNS41OTk5IDUuMDAxMDcgNS4yOTk5VjQuODk5OUM1LjAwMTA3IDQuMDk5OSA1LjkwMTA3IDMuOTk5OSA1LjkwMTA3IDMuOTk5OUg5LjAwMTA3QzkuMDAxMDcgMy45OTk5IDEwLjAwMTEgNC4wOTk5IDEwLjAwMTEgNC45OTk5QzEwLjAwMTEgNC45OTk5IDEwLjEwMTEgNS45OTk5IDkuMTAxMDcgNS45OTk5WiIgZmlsbD0iI0REQjIwNCIvPgo8cGF0aCBkPSJNMTAuMDAxIDVDMTAuMDAxIDQuMSA5LjAwMDk4IDQgOS4wMDA5OCA0SDUuOTAwOThDNS45MDA5OCA0IDUuMDAwOTggNC4xIDUuMDAwOTggNC45VjUuM0M1LjAwMDk4IDUuNiA1LjMwMDk4IDYgNS45MDA5OCA2TDYuMzAwOTggOC4zTDYuNTAwOTggOUg3LjAwMDk4VjZDNi4wMDA5OCA2IDYuMDAwOTggNS4zIDYuMDAwOTggNS4xVjVIOS4wMDA5OEM5LjAwMDk4IDUgOS4xMDA5OCA2IDguMTAwOTggNlY5SDguNzAwOThMOS4yMDA5OCA2QzEwLjEwMSA2IDEwLjAwMSA1IDEwLjAwMSA1WiIgZmlsbD0iIzI1MjUyNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTJDOCA5Ljc3Mzg2IDkuNzczODYgOCAxMiA4QzE0LjIyNjEgOCAxNiA5Ljc3Mzg2IDE2IDEyQzE2IDE0LjIyNjEgMTQuMjI2MSAxNiAxMiAxNkM5Ljc3Mzg2IDE2IDggMTQuMjI2MSA4IDEyWiIgZmlsbD0iIzFFMUUxRSIvPgo8cGF0aCBkPSJNMTIuMzE5MiAxMi4zMDMxTDEzLjM0OTUgMTMuMzMzNEwxMy4zMzM0IDEzLjM0OTVMMTIuMzAzMSAxMi4zMTkyTDEyIDEyLjAxNjJMMTEuNjk3IDEyLjMxOTJMMTAuNjY2NyAxMy4zNDk1TDEwLjY1MDYgMTMuMzMzNEwxMS42ODA5IDEyLjMwMzFMMTEuOTgzOSAxMkwxMS42ODA5IDExLjY5N0wxMC42NTA2IDEwLjY2NjdMMTAuNjY2NyAxMC42NTA2TDExLjY5NyAxMS42ODA5TDEyIDExLjk4MzlMMTIuMzAzMSAxMS42ODA5TDEzLjMzMzQgMTAuNjUwNkwxMy4zNDk1IDEwLjY2NjdMMTIuMzE5MiAxMS42OTdMMTIuMDE2MiAxMkwxMi4zMTkyIDEyLjMwMzFaTTEyIDguNDYwMzRDMTAuMDMgOC40NjAzNCA4LjQ2MDM0IDEwLjAzIDguNDYwMzQgMTJDOC40NjAzNCAxMy45NzAxIDEwLjAzIDE1LjUzOTcgMTIgMTUuNTM5N0MxMy45NzAxIDE1LjUzOTcgMTUuNTM5NyAxMy45NzAxIDE1LjUzOTcgMTJDMTUuNTM5NyAxMC4wMyAxMy45NzAxIDguNDYwMzQgMTIgOC40NjAzNFoiIGZpbGw9IiMwMDdBQ0MiIHN0cm9rZT0iIzFFMUUxRSIgc3Ryb2tlLXdpZHRoPSIwLjg1NzE0MyIvPgo8cGF0aCBkPSJNMTIuNjIyNSAxMi4wMDAyTDEzLjk1NTggMTMuMzMzNkwxMy4zMzM2IDEzLjk1NThMMTIuMDAwMiAxMi42MjI1TDEwLjY2NjkgMTMuOTU1OEwxMC4wNDQ3IDEzLjMzMzZMMTEuMzc4IDEyLjAwMDJMMTAuMDQ0NyAxMC42NjY5TDEwLjY2NjkgMTAuMDQ0N0wxMi4wMDAyIDExLjM3OEwxMy4zMzM2IDEwLjA0NDdMMTMuOTU1OCAxMC42NjY5TDEyLjYyMjUgMTIuMDAwMloiIGZpbGw9IiMwMDdBQ0MiLz4KPHBhdGggZD0iTTEwLjcwNCAxNEwxMS4yMDI4IDEyLjQ3MTJMMTAgMTEuNjM5NEgxMS40NzMyTDEyIDEwTDEyLjUzNjEgMTEuNjM5NEgxNEwxMi43OTcyIDEyLjQ3MTJMMTMuMzA1NCAxNEwxMiAxMy4wMjRMMTAuNzA0IDE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 50% no-repeat}.monaco-editor .codelens-decoration{overflow:hidden;display:inline-block;text-overflow:ellipsis}.monaco-editor .codelens-decoration>a,.monaco-editor .codelens-decoration>span{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:sub}.monaco-editor .codelens-decoration>a{text-decoration:none}.monaco-editor .codelens-decoration>a:hover{text-decoration:underline;cursor:pointer}.monaco-editor .codelens-decoration.invisible-cl{opacity:0}@keyframes fadein{0%{opacity:0;visibility:visible}to{opacity:1}}.monaco-editor .codelens-decoration.fadein{animation:fadein .1s linear}.colorpicker-widget{height:190px;user-select:none}.monaco-editor .colorpicker-hover:focus{outline:none}.colorpicker-header{display:flex;height:24px;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;image-rendering:pixelated}.colorpicker-header .picked-color{width:216px;line-height:24px;cursor:pointer;color:#fff;flex:1;text-align:center}.colorpicker-header .picked-color.light{color:#000}.colorpicker-header .original-color{width:74px;z-index:inherit;cursor:pointer}.colorpicker-body{display:flex;padding:8px;position:relative}.colorpicker-body .saturation-wrap{overflow:hidden;height:150px;position:relative;min-width:220px;flex:1}.colorpicker-body .saturation-box{height:150px;position:absolute}.colorpicker-body .saturation-selection{width:9px;height:9px;margin:-5px 0 0 -5px;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,.8);position:absolute}.colorpicker-body .strip{width:25px;height:150px}.colorpicker-body .hue-strip{position:relative;margin-left:8px;cursor:-webkit-grab;background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.colorpicker-body .opacity-strip{position:relative;margin-left:8px;cursor:-webkit-grab;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;image-rendering:pixelated}.colorpicker-body .strip.grabbing{cursor:-webkit-grabbing}.colorpicker-body .slider{position:absolute;top:0;left:-2px;width:calc(100% + 4px);height:4px;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.71);box-shadow:0 0 1px rgba(0,0,0,.85)}.colorpicker-body .strip .overlay{height:150px;pointer-events:none}.monaco-editor.vs .dnd-target{border-right:2px dotted #000;color:#fff}.monaco-editor.vs-dark .dnd-target{border-right:2px dotted #aeafad;color:#51504f}.monaco-editor.hc-black .dnd-target{border-right:2px dotted #fff;color:#000}.monaco-editor.hc-black.mac.mouse-default .view-lines,.monaco-editor.mouse-default .view-lines,.monaco-editor.vs-dark.mac.mouse-default .view-lines{cursor:default}.monaco-editor.hc-black.mac.mouse-copy .view-lines,.monaco-editor.mouse-copy .view-lines,.monaco-editor.vs-dark.mac.mouse-copy .view-lines{cursor:copy}.monaco-checkbox .label{width:12px;height:12px;border:1px solid #000;background-color:transparent;display:inline-block}.monaco-checkbox .checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.monaco-checkbox .checkbox:checked+.label{background-color:#000}.monaco-editor .find-widget{position:absolute;z-index:10;top:-44px;height:34px;overflow:hidden;line-height:19px;transition:top .2s linear;padding:0 4px}.monaco-editor .find-widget.replaceToggled{top:-74px;height:64px}.monaco-editor .find-widget.replaceToggled>.replace-part{display:flex;display:-webkit-flex;align-items:center}.monaco-editor .find-widget.replaceToggled.visible,.monaco-editor .find-widget.visible{top:0}.monaco-editor .find-widget .monaco-inputbox .input{background-color:transparent;min-height:0}.monaco-editor .find-widget .replace-input .input{font-size:13px}.monaco-editor .find-widget>.find-part,.monaco-editor .find-widget>.replace-part{margin:4px 0 0 17px;font-size:12px;display:flex;display:-webkit-flex;align-items:center}.monaco-editor .find-widget>.find-part .monaco-inputbox,.monaco-editor .find-widget>.replace-part .monaco-inputbox{height:25px}.monaco-editor .find-widget>.find-part .monaco-inputbox>.wrapper>.input,.monaco-editor .find-widget>.replace-part .monaco-inputbox>.wrapper>.input{padding-top:2px;padding-bottom:2px}.monaco-editor .find-widget .monaco-findInput{vertical-align:middle;display:flex;display:-webkit-flex;flex:1}.monaco-editor .find-widget .matchesCount{display:flex;display:-webkit-flex;flex:initial;margin:0 1px 0 3px;padding:2px 2px 0;height:25px;vertical-align:middle;box-sizing:border-box;text-align:center;line-height:23px}.monaco-editor .find-widget .button{min-width:20px;width:20px;height:20px;display:flex;display:-webkit-flex;flex:initial;margin-left:3px;background-position:50%;background-repeat:no-repeat;cursor:pointer}.monaco-editor .find-widget .button:not(.disabled):hover{background-color:rgba(0,0,0,.1)}.monaco-editor .find-widget .button.left{margin-left:0;margin-right:3px}.monaco-editor .find-widget .button.wide{width:auto;padding:1px 6px;top:-1px}.monaco-editor .find-widget .button.toggle{position:absolute;top:0;left:0;width:18px;height:100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.monaco-editor .find-widget .button.toggle.disabled{display:none}.monaco-editor .find-widget .previous{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iLTEgLTMgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEgLTMgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjNDI0MjQyIiBwb2ludHM9IjEzLDQgNiw0IDksMSA2LDEgMiw1IDYsOSA5LDkgNiw2IDEzLDYgIi8+Cjwvc3ZnPgo=)}.monaco-editor .find-widget .next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iLTEgLTMgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEgLTMgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNDI0MjQyIiBkPSJNMSw0aDdMNSwxaDNsNCw0TDgsOUg1bDMtM0gxVjR6Ii8+Cjwvc3ZnPgo=)}.monaco-editor .find-widget .disabled{opacity:.3;cursor:default}.monaco-editor .find-widget .monaco-checkbox{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-left:3px}.monaco-editor .find-widget .monaco-checkbox .label{content:"";display:inline-block;background-repeat:no-repeat;background-position:0 0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzIuMzYyMikiPgogIDxyZWN0IHdpZHRoPSI5IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjEwNDYuMzYyMiIgc3R5bGU9ImZpbGw6IzQyNDI0MjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICA8cmVjdCB3aWR0aD0iMTMiIGhlaWdodD0iMiIgeD0iMiIgeT0iMTA0My4zNjIyIiBzdHlsZT0iZmlsbDojNDI0MjQyO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjEwNDAuMzYyMiIgc3R5bGU9ImZpbGw6IzQyNDI0MjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMiIgeD0iMiIgeT0iMTAzNy4zNjIyIiBzdHlsZT0iZmlsbDojNDI0MjQyO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L2c+Cjwvc3ZnPg==);width:20px;height:20px;border:none}.monaco-editor .find-widget .monaco-checkbox .checkbox:disabled+.label{opacity:.3;cursor:default}.monaco-editor .find-widget .monaco-checkbox .checkbox:not(:disabled)+.label{cursor:pointer}.monaco-editor .find-widget .monaco-checkbox .checkbox:not(:disabled):hover:before+.label{background-color:#ddd}.monaco-editor .find-widget .monaco-checkbox .checkbox:checked+.label{background-color:hsla(0,0%,39%,.2)}.monaco-editor .find-widget .close-fw{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iIzQyNDI0MiIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==)}.monaco-editor .find-widget .expand{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTExIDEwLjA3aC01LjY1Nmw1LjY1Ni01LjY1NnY1LjY1NnoiLz48L3N2Zz4=)}.monaco-editor .find-widget .collapse{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzY0NjQ2NSIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRsMS41ODYgMS41ODYtMS41ODYgMS41ODZ2LTMuMTcyeiIvPjwvc3ZnPg==)}.monaco-editor .find-widget .replace{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iaWNvbl94NUZfYmciPgoJPGc+CgkJPHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTExLDNWMWgtMXY1djFoMWgyaDFWNFYzSDExeiBNMTMsNmgtMlY0aDJWNnoiLz4KCQk8cGF0aCBmaWxsPSIjNDI0MjQyIiBkPSJNMiwxNWg3VjlIMlYxNXogTTQsMTBoM3YxSDV2MmgydjFINFYxMHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iY29sb3JfeDVGX2ltcG9ydGFuY2UiPgoJPHBhdGggZmlsbD0iIzAwNTM5QyIgZD0iTTMuOTc5LDMuNUw0LDZMMyw1djEuNUw0LjUsOEw2LDYuNVY1TDUsNkw0Ljk3OSwzLjVjMC0wLjI3NSwwLjIyNS0wLjUsMC41LTAuNUg5VjJINS40NzkKCQlDNC42NTEsMiwzLjk3OSwyLjY3MywzLjk3OSwzLjV6Ii8+CjwvZz4KPC9zdmc+Cg==)}.monaco-editor .find-widget .replace-all{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iaWNvbl94NUZfYmciPgoJPHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTExLDE1VjlIMXY2SDExeiBNMiwxNHYtMmgxdi0xSDJ2LTFoM3Y0SDJ6IE0xMCwxMUg4djJoMnYxSDd2LTRoM1YxMXogTTMsMTN2LTFoMXYxSDN6IE0xMyw3djZoLTFWOEg1VjcKCQlIMTN6IE0xMywyVjFoLTF2NWgzVjJIMTN6IE0xNCw1aC0xVjNoMVY1eiBNMTEsMnY0SDhWNGgxdjFoMVY0SDlWM0g4VjJIMTF6Ii8+CjwvZz4KPGcgaWQ9ImNvbG9yX3g1Rl9hY3Rpb24iPgoJPHBhdGggZmlsbD0iIzAwNTM5QyIgZD0iTTEuOTc5LDMuNUwyLDZMMSw1djEuNUwyLjUsOEw0LDYuNVY1TDMsNkwyLjk3OSwzLjVjMC0wLjI3NSwwLjIyNS0wLjUsMC41LTAuNUg3VjJIMy40NzkKCQlDMi42NTEsMiwxLjk3OSwyLjY3MywxLjk3OSwzLjV6Ii8+CjwvZz4KPC9zdmc+Cg==)}.monaco-editor .find-widget>.replace-part{display:none}.monaco-editor .find-widget>.replace-part>.replace-input{display:flex;display:-webkit-flex;vertical-align:middle;width:auto!important}.monaco-editor .find-widget.reduced-find-widget .matchesCount,.monaco-editor .find-widget.reduced-find-widget .monaco-checkbox{display:none}.monaco-editor .find-widget.narrow-find-widget{max-width:257px!important}.monaco-editor .find-widget.collapsed-find-widget{max-width:170px!important}.monaco-editor .find-widget.collapsed-find-widget .button.next,.monaco-editor .find-widget.collapsed-find-widget .button.previous,.monaco-editor .find-widget.collapsed-find-widget .button.replace,.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,.monaco-editor .find-widget.collapsed-find-widget>.find-part .monaco-findInput .controls{display:none}.monaco-editor .findMatch{-webkit-animation-duration:0;-webkit-animation-name:inherit!important;-moz-animation-duration:0;-moz-animation-name:inherit!important;-ms-animation-duration:0;-ms-animation-name:inherit!important;animation-duration:0;animation-name:inherit!important}.monaco-editor .find-widget .monaco-sash{width:2px!important;margin-left:-4px}.monaco-editor.hc-black .find-widget .previous,.monaco-editor.vs-dark .find-widget .previous{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iLTEgLTMgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEgLTMgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjQzVDNUM1IiBwb2ludHM9IjEzLDQgNiw0IDksMSA2LDEgMiw1IDYsOSA5LDkgNiw2IDEzLDYgIi8+Cjwvc3ZnPgo=)}.monaco-editor.hc-black .find-widget .next,.monaco-editor.vs-dark .find-widget .next{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iLTEgLTMgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEgLTMgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjQzVDNUM1IiBkPSJNMSw0aDdMNSwxaDNsNCw0TDgsOUg1bDMtM0gxVjR6Ii8+Cjwvc3ZnPgo=)}.monaco-editor.hc-black .find-widget .monaco-checkbox .label,.monaco-editor.vs-dark .find-widget .monaco-checkbox .label{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzIuMzYyMikiPgogIDxyZWN0IHdpZHRoPSI5IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjEwNDYuMzYyMiIgc3R5bGU9ImZpbGw6I0M1QzVDNTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICA8cmVjdCB3aWR0aD0iMTMiIGhlaWdodD0iMiIgeD0iMiIgeT0iMTA0My4zNjIyIiBzdHlsZT0iZmlsbDojQzVDNUM1O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjEwNDAuMzYyMiIgc3R5bGU9ImZpbGw6I0M1QzVDNTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMiIgeD0iMiIgeT0iMTAzNy4zNjIyIiBzdHlsZT0iZmlsbDojQzVDNUM1O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L2c+Cjwvc3ZnPg==)}.monaco-editor.vs-dark .find-widget .monaco-checkbox .checkbox:checked+.label,.monaco-editor.vs-dark .find-widget .monaco-checkbox .checkbox:not(:disabled):hover:before+.label{background-color:hsla(0,0%,100%,.1)}.monaco-editor.hc-black .find-widget .close-fw,.monaco-editor.vs-dark .find-widget .close-fw{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iI2U4ZThlOCIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==)}.monaco-editor.hc-black .find-widget .replace,.monaco-editor.vs-dark .find-widget .replace{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iaWNvbl94NUZfYmciPgoJPGc+CgkJPHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTExLDNWMWgtMXY1djFoMWgyaDFWNFYzSDExeiBNMTMsNmgtMlY0aDJWNnoiLz4KCQk8cGF0aCBmaWxsPSIjQzVDNUM1IiBkPSJNMiwxNWg3VjlIMlYxNXogTTQsMTBoM3YxSDV2MmgydjFINFYxMHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iY29sb3JfeDVGX2ltcG9ydGFuY2UiPgoJPHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTMuOTc5LDMuNUw0LDZMMyw1djEuNUw0LjUsOEw2LDYuNVY1TDUsNkw0Ljk3OSwzLjVjMC0wLjI3NSwwLjIyNS0wLjUsMC41LTAuNUg5VjJINS40NzkKCQlDNC42NTEsMiwzLjk3OSwyLjY3MywzLjk3OSwzLjV6Ii8+CjwvZz4KPC9zdmc+Cg==)}.monaco-editor.hc-black .find-widget .replace-all,.monaco-editor.vs-dark .find-widget .replace-all{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iaWNvbl94NUZfYmciPgoJPHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTExLDE1VjlIMXY2SDExeiBNMiwxNHYtMmgxdi0xSDJ2LTFoM3Y0SDJ6IE0xMCwxMUg4djJoMnYxSDd2LTRoM1YxMXogTTMsMTN2LTFoMXYxSDN6IE0xMyw3djZoLTFWOEg1VjcKCQlIMTN6IE0xMywyVjFoLTF2NWgzVjJIMTN6IE0xNCw1aC0xVjNoMVY1eiBNMTEsMnY0SDhWNGgxdjFoMVY0SDlWM0g4VjJIMTF6Ii8+CjwvZz4KPGcgaWQ9ImNvbG9yX3g1Rl9hY3Rpb24iPgoJPHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTEuOTc5LDMuNUwyLDZMMSw1djEuNUwyLjUsOEw0LDYuNVY1TDMsNkwyLjk3OSwzLjVjMC0wLjI3NSwwLjIyNS0wLjUsMC41LTAuNUg3VjJIMy40NzkKCQlDMi42NTEsMiwxLjk3OSwyLjY3MywxLjk3OSwzLjV6Ii8+CjwvZz4KPC9zdmc+Cg==)}.monaco-editor.hc-black .find-widget .expand,.monaco-editor.vs-dark .find-widget .expand{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTExIDEwLjA3aC01LjY1Nmw1LjY1Ni01LjY1NnY1LjY1NnoiLz48L3N2Zz4=)}.monaco-editor.hc-black .find-widget .collapse,.monaco-editor.vs-dark .find-widget .collapse{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTYgNHY4bDQtNC00LTR6bTEgMi40MTRsMS41ODYgMS41ODYtMS41ODYgMS41ODZ2LTMuMTcyeiIvPjwvc3ZnPg==)}.monaco-editor.hc-black .find-widget .button:not(.disabled):hover,.monaco-editor.vs-dark .find-widget .button:not(.disabled):hover{background-color:hsla(0,0%,100%,.1)}.monaco-editor.hc-black .find-widget .button:before{position:relative;top:1px;left:2px}.monaco-editor.hc-black .find-widget .monaco-checkbox .checkbox:checked+.label{background-color:hsla(0,0%,100%,.1)}.monaco-editor .margin-view-overlays .folding{cursor:pointer;background-repeat:no-repeat;background-origin:border-box;background-position:calc(50% + 2px) 50%;background-size:auto calc(100% - 3px);opacity:0;transition:opacity .5s;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1IDE1OyI+CjxwYXRoIHN0eWxlPSJmaWxsOiNCNkI2QjYiIGQ9Ik0xMSw0djdINFY0SDExIE0xMiwzSDN2OWg5VjNMMTIsM3oiLz4KPGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzZCNkI2QjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgeDE9IjEwIiB5MT0iNy41IiB4Mj0iNSIgeTI9IjcuNSIvPgo8L3N2Zz4=)}.monaco-editor.hc-black .margin-view-overlays .folding,.monaco-editor.vs-dark .margin-view-overlays .folding{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1IDE1OyI+CjxwYXRoIHN0eWxlPSJmaWxsOiM1QTVBNUEiIGQ9Ik0xMSw0djdINFY0SDExIE0xMiwzSDN2OWg5VjNMMTIsM3oiLz4KPGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0M1QzVDNTtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgeDE9IjEwIiB5MT0iNy41IiB4Mj0iNSIgeTI9IjcuNSIvPgo8L3N2Zz4=)}.monaco-editor .margin-view-overlays .folding.alwaysShowFoldIcons,.monaco-editor .margin-view-overlays:hover .folding{opacity:1}.monaco-editor .margin-view-overlays .folding.collapsed{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1IDE1OyI+CjxyZWN0IHg9IjMiIHk9IjMiIHN0eWxlPSJmaWxsOiNFOEU4RTgiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0I2QjZCNiIgZD0iTTExLDR2N0g0VjRIMTEgTTEyLDNIM3Y5aDlWM0wxMiwzeiIvPgo8bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojNkI2QjZCO3N0cm9rZS1taXRlcmxpbWl0OjEwIiB4MT0iMTAiIHkxPSI3LjUiIHgyPSI1IiB5Mj0iNy41Ii8+CjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM2QjZCNkI7c3Ryb2tlLW1pdGVybGltaXQ6MTAiIHgxPSI3LjUiIHkxPSI1IiB4Mj0iNy41IiB5Mj0iMTAiLz4KPC9zdmc+);opacity:1}.monaco-editor.hc-black .margin-view-overlays .folding.collapsed,.monaco-editor.vs-dark .margin-view-overlays .folding.collapsed{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1IDE1OyI+CjxyZWN0IHg9IjMiIHk9IjMiIHN0eWxlPSJvcGFjaXR5OjAuMTtmaWxsOiNGRkZGRkYiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzVBNUE1QSIgZD0iTTExLDR2N0g0VjRIMTEgTTEyLDNIM3Y5aDlWM0wxMiwzeiIvPgo8bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojQzVDNUM1O3N0cm9rZS1taXRlcmxpbWl0OjEwIiB4MT0iMTAiIHkxPSI3LjUiIHgyPSI1IiB5Mj0iNy41Ii8+CjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNDNUM1QzU7c3Ryb2tlLW1pdGVybGltaXQ6MTAiIHgxPSI3LjUiIHkxPSI1IiB4Mj0iNy41IiB5Mj0iMTAiLz4KPC9zdmc+)}.monaco-editor .inline-folded:after{color:grey;margin:.1em .2em 0;content:"⋯";display:inline;line-height:1em;cursor:pointer}.monaco-editor .goto-definition-link{text-decoration:underline;cursor:pointer}.monaco-editor .peekview-widget .head .peekview-title .icon.warning{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PHBhdGggZmlsbD0iI0Y2RjZGNiIgZD0iTTcuNSAyTDIgMTJsMiAyaDlsMi0yTDkuNSAyeiIvPjxwYXRoIGQ9Ik05IDNIOGwtNC41IDkgMSAxaDhsMS0xTDkgM3ptMCA5SDh2LTFoMXYxem0wLTJIOFY2aDF2NHoiIGZpbGw9IiNmYzAiLz48cGF0aCBkPSJNOSAxMEg4VjZoMXY0em0wIDFIOHYxaDF2LTF6Ii8+PC9zdmc+) 50% no-repeat}.monaco-editor .peekview-widget .head .peekview-title .icon.error{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIGZpbGw9IiNGNkY2RjYiLz48cGF0aCBkPSJNOCAzQzUuMjM4IDMgMyA1LjIzOCAzIDhzMi4yMzggNSA1IDUgNS0yLjIzOCA1LTUtMi4yMzgtNS01LTV6bTMgN2wtMSAxLTItMi0yIDItMS0xIDItMi4wMjdMNSA2bDEtMSAyIDIgMi0yIDEgMS0yIDEuOTczTDExIDEweiIgZmlsbD0iI0U1MTQwMCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMSA2bC0xLTEtMiAyLTItMi0xIDEgMiAxLjk3M0w1IDEwbDEgMSAyLTIgMiAyIDEtMS0yLTIuMDI3eiIvPjwvc3ZnPg==) 50% no-repeat}.monaco-editor .peekview-widget .head .peekview-title .icon.info{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PGNpcmNsZSBjeD0iOC41IiBjeT0iNy41IiByPSI1LjUiIGZpbGw9IiNGNkY2RjYiLz48cGF0aCBkPSJNOC41IDNDNi4wMTUgMyA0IDUuMDE1IDQgNy41UzYuMDE1IDEyIDguNSAxMiAxMyA5Ljk4NSAxMyA3LjUgMTAuOTg1IDMgOC41IDN6bS41IDhIOFY2aDF2NXptMC02SDhWNGgxdjF6IiBmaWxsPSIjMUJBMUUyIi8+PHBhdGggZD0iTTggNmgxdjVIOFY2em0wLTJ2MWgxVjRIOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) 50% no-repeat}.vs-dark .monaco-editor .peekview-widget .head .peekview-title .icon.warning{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48cGF0aCBmaWxsPSIjMUUxRTFFIiBkPSJNNy41IDJMMiAxMmwyIDJoOWwyLTJMOS41IDJ6Ii8+PHBhdGggZD0iTTkgM0g4bC00LjUgOSAxIDFoOGwxLTFMOSAzem0wIDlIOHYtMWgxdjF6bTAtMkg4VjZoMXY0eiIgZmlsbD0iI2ZjMCIvPjxwYXRoIGQ9Ik05IDEwSDhWNmgxdjR6bTAgMUg4djFoMXYtMXoiLz48L3N2Zz4=) 50% no-repeat}.vs-dark .monaco-editor .peekview-widget .head .peekview-title .icon.error{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNiIgZmlsbD0iIzFFMUUxRSIvPjxwYXRoIGQ9Ik04IDNDNS4yMzggMyAzIDUuMjM4IDMgOHMyLjIzOCA1IDUgNSA1LTIuMjM4IDUtNS0yLjIzOC01LTUtNXptMyA3bC0xIDEtMi0yLTIgMi0xLTEgMi0yLjAyN0w1IDZsMS0xIDIgMiAyLTIgMSAxLTIgMS45NzNMMTEgMTB6IiBmaWxsPSIjRjQ4NzcxIi8+PHBhdGggZmlsbD0iIzI1MjUyNiIgZD0iTTExIDZsLTEtMS0yIDItMi0yLTEgMSAyIDEuOTczTDUgMTBsMSAxIDItMiAyIDIgMS0xLTItMi4wMjd6Ii8+PC9zdmc+) 50% no-repeat}.vs-dark .monaco-editor .peekview-widget .head .peekview-title .icon.info{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PGNpcmNsZSBjeD0iOC41IiBjeT0iNy41IiByPSI1LjUiIGZpbGw9IiMxRTFFMUUiLz48cGF0aCBkPSJNOC41IDNDNi4wMTUgMyA0IDUuMDE1IDQgNy41UzYuMDE1IDEyIDguNSAxMiAxMyA5Ljk4NSAxMyA3LjUgMTAuOTg1IDMgOC41IDN6bS41IDhIOFY2aDF2NXptMC02SDhWNGgxdjF6IiBmaWxsPSIjMUJBMUUyIi8+PHBhdGggZD0iTTggNmgxdjVIOFY2em0wLTJ2MWgxVjRIOHoiIGZpbGw9IiMyNTI1MjYiLz48L3N2Zz4=) 50% no-repeat}.monaco-editor .marker-widget{text-overflow:ellipsis;white-space:nowrap}.monaco-editor .marker-widget>.stale{opacity:.6;font-style:italic}.monaco-editor .marker-widget .title{display:inline-block;padding-right:5px}.monaco-editor .marker-widget .descriptioncontainer{position:absolute;white-space:pre;-webkit-user-select:text;user-select:text;padding:8px 12px 0 20px}.monaco-editor .marker-widget .descriptioncontainer .message{display:flex;flex-direction:column}.monaco-editor .marker-widget .descriptioncontainer .message .details{padding-left:6px}.monaco-editor .marker-widget .descriptioncontainer .message .code,.monaco-editor .marker-widget .descriptioncontainer .message .source{opacity:.6}.monaco-editor .marker-widget .descriptioncontainer .filename{cursor:pointer}.monaco-editor-hover{cursor:default;position:absolute;overflow:hidden;z-index:50;-webkit-user-select:text;-ms-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;box-sizing:initial;animation:fadein .1s linear;line-height:1.5em}.monaco-editor-hover.hidden{display:none}.monaco-editor-hover .hover-contents{padding:4px 8px}.monaco-editor-hover .markdown-hover>.hover-contents:not(.code-hover-contents){max-width:500px}.monaco-editor-hover p,.monaco-editor-hover ul{margin:8px 0}.monaco-editor-hover hr{margin:4px -10px -6px;height:1px}.monaco-editor-hover p:first-child,.monaco-editor-hover ul:first-child{margin-top:0}.monaco-editor-hover p:last-child,.monaco-editor-hover ul:last-child{margin-bottom:0}.monaco-editor-hover ul{padding-left:20px}.monaco-editor-hover li>p{margin-bottom:0}.monaco-editor-hover li>ul{margin-top:0}.monaco-editor-hover code{border-radius:3px;padding:0 .4em}.monaco-editor-hover .monaco-tokenized-source{white-space:pre-wrap;word-break:break-all}.monaco-editor-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-editor-hover .hover-row.status-bar .actions{display:flex}.monaco-editor-hover .hover-row.status-bar .actions .action-container{margin:0 8px;cursor:pointer}.monaco-editor-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px}.monaco-editor .detected-link,.monaco-editor .detected-link-active{text-decoration:underline;text-underline-position:under}.monaco-editor .detected-link-active{cursor:pointer}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:fadeIn .15s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:fadeOut .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{padding:1px 4px}.monaco-editor .monaco-editor-overlaymessage .anchor{width:0!important;height:0!important;border:8px solid transparent;z-index:1000;position:absolute}.monaco-editor .parameter-hints-widget{z-index:10;display:flex;flex-direction:column;line-height:1.5em}.monaco-editor .parameter-hints-widget>.wrapper{max-width:440px;display:flex;flex-direction:column}.monaco-editor .parameter-hints-widget.multiple{min-height:3.3em;padding:0 0 0 1.9em}.monaco-editor .parameter-hints-widget.visible{transition:left .05s ease-in-out}.monaco-editor .parameter-hints-widget p,.monaco-editor .parameter-hints-widget ul{margin:8px 0}.monaco-editor .parameter-hints-widget .body,.monaco-editor .parameter-hints-widget .monaco-scrollable-element{display:flex;flex-direction:column}.monaco-editor .parameter-hints-widget .signature{padding:4px 5px}.monaco-editor .parameter-hints-widget .docs{padding:0 10px 0 5px;white-space:pre-wrap}.monaco-editor .parameter-hints-widget .docs .markdown-docs{white-space:normal}.monaco-editor .parameter-hints-widget .docs .code{white-space:pre-wrap}.monaco-editor .parameter-hints-widget .docs code{border-radius:3px;padding:0 .4em}.monaco-editor .parameter-hints-widget .buttons{position:absolute;display:none;bottom:0;left:0}.monaco-editor .parameter-hints-widget.multiple .buttons{display:block}.monaco-editor .parameter-hints-widget.multiple .button{position:absolute;left:2px;width:16px;height:16px;background-repeat:no-repeat;cursor:pointer}.monaco-editor .parameter-hints-widget .button.previous{bottom:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTEwLjggOS41bC45LS45TDguMSA1IDQuMiA4LjZsLjkuOSAzLTIuNyAyLjcgMi43eiIvPjwvc3ZnPg==)}.monaco-editor .parameter-hints-widget .button.next{bottom:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTUuMSA1bC0uOS45IDMuNiAzLjYgMy45LTMuNi0xLS45LTMgMi43TDUuMSA1eiIvPjwvc3ZnPg==)}.monaco-editor .parameter-hints-widget .overloads{position:absolute;display:none;text-align:center;bottom:14px;left:0;width:22px;height:12px;line-height:12px;opacity:.5}.monaco-editor .parameter-hints-widget.multiple .overloads{display:block}.monaco-editor .parameter-hints-widget .signature .parameter.active{font-weight:700;text-decoration:underline}.monaco-editor .parameter-hints-widget .documentation-parameter>.parameter{font-weight:700;margin-right:.5em}.monaco-editor.hc-black .parameter-hints-widget .button.previous,.monaco-editor.vs-dark .parameter-hints-widget .button.previous{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTEwLjggOS41bC45LS45TDguMSA1IDQuMiA4LjZsLjkuOSAzLTIuNyAyLjcgMi43eiIvPjwvc3ZnPg==)}.monaco-editor.hc-black .parameter-hints-widget .button.next,.monaco-editor.vs-dark .parameter-hints-widget .button.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0U4RThFOCIgZD0iTTUuMSA1bC0uOS45IDMuNiAzLjYgMy45LTMuNi0xLS45LTMgMi43TDUuMSA1eiIvPjwvc3ZnPg==)}.monaco-editor .peekview-widget .head{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:flex}.monaco-editor .peekview-widget .head .peekview-title{display:inline-block;font-size:13px;margin-left:20px;cursor:pointer}.monaco-editor .peekview-widget .head .peekview-title .icon{display:inline-block;height:16px;width:16px;vertical-align:text-bottom;margin-right:4px}.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty){font-size:.9em;margin-left:.5em}.monaco-editor .peekview-widget .head .peekview-actions{flex:1;text-align:right;padding-right:2px}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar{display:inline-block}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar,.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar>.actions-container{height:100%}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar .action-item{margin-left:4px}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar .action-label{width:16px;height:100%;margin:0;line-height:inherit;background-repeat:no-repeat;background-position:50%}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar .action-label.octicon{margin:0}.monaco-editor .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iIzQyNDI0MiIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==) 50% no-repeat}.monaco-editor .peekview-widget>.body{border-top:1px solid;position:relative}.monaco-editor.hc-black .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action,.monaco-editor.vs-dark .peekview-widget .head .peekview-actions .action-label.icon.close-peekview-action{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iI2U4ZThlOCIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==) 50% no-repeat}.monaco-editor .peekview-widget .peekview-actions .icon.chevron-up{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNCAxMC41TDEyLjk0NTMgMTEuNTU1N0w4IDYuNjEwNDVMMy4wNTQ3MyAxMS41NTU3TDIgMTAuNUw4IDQuNUwxNCAxMC41WiIgZmlsbD0iIzRCNEI0QiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) 50% no-repeat}.vs-dark .monaco-editor .peekview-widget .peekview-actions .icon.chevron-up{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNCAxMC41TDEyLjk0NTMgMTEuNTU1N0w4IDYuNjEwNDVMMy4wNTQ3MyAxMS41NTU3TDIgMTAuNUw4IDQuNUwxNCAxMC41WiIgZmlsbD0iI0M4QzhDOCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) 50% no-repeat}.hc-black .monaco-editor .peekview-widget .peekview-actions .icon.chevron-up{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNCAxMC41TDEyLjk0NTMgMTEuNTU1N0w4IDYuNjEwNDVMMy4wNTQ3MyAxMS41NTU3TDIgMTAuNUw4IDQuNUwxNCAxMC41WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) 50% no-repeat}.monaco-editor .peekview-widget .peekview-actions .icon.chevron-down{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yIDUuNUwzLjA1NDczIDQuNDQ0MjhMOCA5LjM4OTU1TDEyLjk0NTMgNC40NDQyOEwxNCA1LjVMOCAxMS41TDIgNS41WiIgZmlsbD0iIzRCNEI0QiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) 50% no-repeat}.vs-dark .monaco-editor .peekview-widget .peekview-actions .icon.chevron-down{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yIDUuNUwzLjA1NDczIDQuNDQ0MjhMOCA5LjM4OTU1TDEyLjk0NTMgNC40NDQyOEwxNCA1LjVMOCAxMS41TDIgNS41WiIgZmlsbD0iI0M4QzhDOCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) 50% no-repeat}.hc-black .monaco-editor .peekview-widget .peekview-actions .icon.chevron-down{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yIDUuNUwzLjA1NDczIDQuNDQ0MjhMOCA5LjM4OTU1TDEyLjk0NTMgNC40NDQyOEwxNCA1LjVMOCAxMS41TDIgNS41WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) 50% no-repeat}.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget{border-top-width:1px;border-bottom-width:1px}.monaco-editor .reference-zone-widget .inline{display:inline-block;vertical-align:top}.monaco-editor .reference-zone-widget .messages{height:100%;width:100%;text-align:center;padding:3em 0}.monaco-editor .reference-zone-widget .ref-tree{line-height:23px}.monaco-editor .reference-zone-widget .ref-tree .reference{text-overflow:ellipsis;overflow:hidden}.monaco-editor .reference-zone-widget .ref-tree .reference-file{display:inline-flex;width:100%;height:100%}.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file{color:inherit!important}.monaco-editor .reference-zone-widget .ref-tree .reference-file .count{margin-right:12px;margin-left:auto}.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file{font-weight:700}.monaco-editor .rename-box{z-index:100;color:inherit}.monaco-editor .rename-box .rename-input{padding:4px}.monaco-editor .snippet-placeholder{min-width:2px}.monaco-editor .finish-snippet-placeholder,.monaco-editor .snippet-placeholder{outline-style:solid;outline-width:1px}.monaco-editor .suggest-widget{z-index:40;width:430px}.monaco-editor .suggest-widget>.details,.monaco-editor .suggest-widget>.message,.monaco-editor .suggest-widget>.tree{width:100%;border-style:solid;border-width:1px;box-sizing:border-box}.monaco-editor.hc-black .suggest-widget>.details,.monaco-editor.hc-black .suggest-widget>.message,.monaco-editor.hc-black .suggest-widget>.tree{border-width:2px}.monaco-editor .suggest-widget.docs-side{width:660px}.monaco-editor .suggest-widget.docs-side>.details,.monaco-editor .suggest-widget.docs-side>.tree{width:50%;float:left}.monaco-editor .suggest-widget.docs-side.list-right>.details,.monaco-editor .suggest-widget.docs-side.list-right>.tree{float:right}.monaco-editor .suggest-widget>.message{padding-left:22px}.monaco-editor .suggest-widget>.tree{height:100%}.monaco-editor .suggest-widget .monaco-list{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{display:flex;-mox-box-sizing:border-box;box-sizing:border-box;padding-right:10px;background-repeat:no-repeat;background-position:2px 2px;white-space:nowrap;cursor:pointer;touch-action:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents{flex:1;height:100%;overflow:hidden;padding-left:2px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight{font-weight:700}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.close,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.readMore{opacity:.6;background-position:50%;background-repeat:no-repeat;background-size:70%;cursor:pointer}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iIzQyNDI0MiIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==);float:right;margin-right:5px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.readMore{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTggMWMtMy44NjUgMC03IDMuMTM1LTcgN3MzLjEzNSA3IDcgNyA3LTMuMTM1IDctNy0zLjEzNS03LTctN3ptMSAxMmgtMnYtN2gydjd6bTAtOGgtMnYtMmgydjJ6IiBmaWxsPSIjMUJBMUUyIi8+PHBhdGggZD0iTTcgNmgydjdoLTJ2LTd6bTAtMWgydi0yaC0ydjJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.close:hover,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.readMore:hover{opacity:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.type-label{margin-left:.8em;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;opacity:.7;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.type-label>.monaco-tokenized-source{display:inline}.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row.focused>.contents>.main>.readMore,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused>.contents>.main>.readMore,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused>.contents>.main>.type-label,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.readMore,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.type-label{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main>.readMore,.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main>.type-label{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before{height:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon{display:block;height:16px;width:16px;margin-left:2px;background-repeat:no-repeat;background-size:80%;background-position:50%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .monaco-icon-label.suggest-icon:before{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.suggest-icon:before{content:" ";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDEwYzAgMi4yMDUtMS43OTQgNC00IDQtMS44NTggMC0zLjQxMS0xLjI3OS0zLjg1OC0zaC0uOTc4bDIuMzE4IDRIMHYtMS43MDNsMi0zLjQwOFYwaDExdjYuMTQyYzEuNzIxLjQ0NyAzIDIgMyAzLjg1OHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0xMiAxdjQuNzVBNC4yNTUgNC4yNTUgMCAwIDAgNy43NSAxMGgtLjczMkw0LjI3NSA1LjI2OSAzIDcuNDQyVjFoOXpNNy43NDcgMTRMNC4yNjkgOCAuNzQ4IDE0aDYuOTk5ek0xNSAxMGEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6IiBpZD0iaWNvbkJnIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:75%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constructor:before,.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.function:before,.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.method:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1wdXJwbGV7ZmlsbDojNjUyZDkwfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE1IDMuMzQ5djguNDAzTDguOTc1IDE2SDguMDdMMSAxMS41ODJWMy4zMjdMNy41OTUgMGgxLjExOEwxNSAzLjM0OXoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0xMi43MTUgNC4zOThMOC40ODcgNy4wMiAzLjU2NSA0LjI3Mmw0LjU3OC0yLjMwOSA0LjU3MiAyLjQzNXpNMyA1LjEwMmw1IDIuNzkydjUuNzA1bC01LTMuMTI1VjUuMTAyem02IDguNDM0VjcuODc4bDQtMi40OHY1LjMxN2wtNCAyLjgyMXoiIGlkPSJpY29uRmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tcHVycGxlIiBkPSJNOC4xNTYuODM3TDIgMy45NDJ2Ny4wODVMOC41MTcgMTUuMSAxNCAxMS4yMzNWMy45NUw4LjE1Ni44Mzd6bTQuNTU5IDMuNTYxTDguNDg3IDcuMDIgMy41NjUgNC4yNzJsNC41NzgtMi4zMDkgNC41NzIgMi40MzV6TTMgNS4xMDJsNSAyLjc5MnY1LjcwNWwtNS0zLjEyNVY1LjEwMnptNiA4LjQzNFY3Ljg3OGw0LTIuNDh2NS4zMTdsLTQgMi44MjF6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.field:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6IzAwNTM5Y308L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0wIDEwLjczNlY0LjVMOSAwbDcgMy41djYuMjM2bC05IDQuNS03LTMuNXoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik05IDFMMSA1djVsNiAzIDgtNFY0TDkgMXpNNyA2Ljg4MkwzLjIzNiA1IDkgMi4xMTggMTIuNzY0IDQgNyA2Ljg4MnoiIGlkPSJpY29uQmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTkgMi4xMThMMTIuNzY0IDQgNyA2Ljg4MiAzLjIzNiA1IDkgMi4xMTh6IiBpZD0iaWNvbkZnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.event:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYWN0aW9uLW9yYW5nZXtmaWxsOiNjMjdkMWF9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTQgMS40MTRMOS40MTQgNkgxNHYxLjQxNEw1LjQxNCAxNkgzdi0xLjIzNEw1LjM3MSAxMEgyVjguNzY0TDYuMzgyIDBIMTR2MS40MTR6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLW9yYW5nZSIgZD0iTTcgN2g2bC04IDhINGwyLjk4NS02SDNsNC04aDZMNyA3eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.operator:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6IzAwNTM5Y308L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xIDF2MTRoMTRWMUgxem02IDEySDN2LTFoNHYxem0wLTNIM1Y5aDR2MXptMC01SDV2Mkg0VjVIMlY0aDJWMmgxdjJoMnYxem0zLjI4MSA4SDguNzE5bDMtNGgxLjU2M2wtMy4wMDEgNHpNMTQgNUg5VjRoNXYxeiIgaWQ9Imljb25CZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNNyA1SDV2Mkg0VjVIMlY0aDJWMmgxdjJoMnYxem03LTFIOXYxaDVWNHpNNyA5SDN2MWg0Vjl6bTAgM0gzdjFoNHYtMXptMy4yODEgMWwzLTRoLTEuNTYzbC0zIDRoMS41NjN6IiBpZD0iaWNvbkZnIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiLz48L3N2Zz4=)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.variable:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiMwMDUzOWN9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTEgM3YxLjAxNUw4LjczMyAyLjg4MiA1IDQuNzQ5VjNIMHYxMGg1di0xLjg1OWwyLjE1NiAxLjA3N0wxMSAxMC4yOTVWMTNoNVYzaC01eiIgaWQ9Im91dGxpbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMiA1djZoMnYxSDFWNGgzdjFIMnptMTAgNnYxaDNWNGgtM3YxaDJ2NmgtMnoiIGlkPSJpY29uQmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTcuMTU2IDcuMTU2bC0xLjU3OC0uNzg5IDMuMTU2LTEuNTc4IDEuNTc4Ljc4OS0zLjE1NiAxLjU3OHoiIGlkPSJpY29uRmciIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWFjdGlvbi1ibHVlIiBkPSJNOC43MzMgNEw0IDYuMzY3djMuMTU2TDcuMTU2IDExLjFsNC43MzMtMi4zNjdWNS41NzhMOC43MzMgNHpNNy4xNTYgNy4xNTZsLTEuNTc4LS43ODkgMy4xNTYtMS41NzggMS41NzguNzg5LTMuMTU2IDEuNTc4eiIgaWQ9ImNvbG9ySW1wb3J0YW5jZSIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.class:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYWN0aW9uLW9yYW5nZXtmaWxsOiNjMjdkMWF9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTYgNi41ODZsLTMtM0wxMS41ODYgNUg5LjQxNGwxLTEtNC00aC0uODI4TDAgNS41ODZ2LjgyOGw0IDRMNi40MTQgOEg3djVoMS41ODZsMyAzaC44MjhMMTYgMTIuNDE0di0uODI4TDEzLjkxNCA5LjUgMTYgNy40MTR2LS44Mjh6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWFjdGlvbi1vcmFuZ2UiIGQ9Ik0xMyAxMGwyIDItMyAzLTItMiAxLTFIOFY3SDZMNCA5IDEgNmw1LTUgMyAzLTIgMmg1bDEtMSAyIDItMyAzLTItMiAxLTFIOXY0bDIuOTk5LjAwMkwxMyAxMHoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.interface:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6IzAwNTM5Y308L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xMS41IDEyYy0xLjkxNSAwLTMuNjAyLTEuMjQxLTQuMjI4LTNoLTEuNDFhMy4xMSAzLjExIDAgMCAxLTIuNzM3IDEuNjI1QzEuNDAyIDEwLjYyNSAwIDkuMjIzIDAgNy41czEuNDAyLTMuMTI1IDMuMTI1LTMuMTI1YzEuMTY1IDAgMi4yMDEuNjM5IDIuNzM3IDEuNjI1aDEuNDFjLjYyNi0xLjc1OSAyLjMxMy0zIDQuMjI4LTNDMTMuOTgxIDMgMTYgNS4wMTkgMTYgNy41UzEzLjk4MSAxMiAxMS41IDEyeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTExLjUgOUExLjUwMSAxLjUwMSAwIDEgMSAxMyA3LjVjMCAuODI2LS42NzMgMS41LTEuNSAxLjV6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMS41IDRhMy40OSAzLjQ5IDAgMCAwLTMuNDUgM0g1LjE4NUEyLjEyMiAyLjEyMiAwIDAgMCAxIDcuNWEyLjEyMyAyLjEyMyAwIDEgMCA0LjE4NS41SDguMDVhMy40OSAzLjQ5IDAgMCAwIDMuNDUgMyAzLjUgMy41IDAgMSAwIDAtN3ptMCA1Yy0uODI3IDAtMS41LS42NzMtMS41LTEuNVMxMC42NzMgNiAxMS41IDZzMS41LjY3MyAxLjUgMS41UzEyLjMyNyA5IDExLjUgOXoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.struct:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYWN0aW9uLWJsdWV7ZmlsbDojMDA1MzljfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTkgMTRWOEg3djZIMVYyaDE0djEySDl6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMCA5aDR2NGgtNFY5em0tOCA0aDRWOUgydjR6TTIgM3Y0aDEyVjNIMnoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.type-parameter:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTEwLjcwMiAxMC41bDItMi0yLTIgLjUtLjVIMTB2NWgxdjNINXYtM2gxVjZINC43OThsLjUuNS0yIDIgMiAyTDMgMTIuNzk3bC0zLTNWNy4yMDFsMy0zVjJoMTB2Mi4yMDFsMyAzdjIuNTk2bC0zIDMtMi4yOTgtMi4yOTd6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik00IDNoOHYyaC0xdi0uNWMwLS4yNzctLjIyNC0uNS0uNS0uNUg5djcuNWMwIC4yNzUuMjI0LjUuNS41aC41djFINnYtMWguNWEuNS41IDAgMCAwIC41LS41VjRINS41YS41LjUgMCAwIDAtLjUuNVY1SDRWM3pNMyA1LjYxNUwuMTE2IDguNSAzIDExLjM4M2wuODg0LS44ODMtMi0yIDItMkwzIDUuNjE1em0xMCAwbC0uODg0Ljg4NSAyIDItMiAyIC44ODQuODgzTDE1Ljg4NCA4LjUgMTMgNS42MTV6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.module:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTkuMjYgMTEuOTg0bC45NzgtLjAyMWEuOTYyLjk2MiAwIDAgMCAuMDktLjAwNmMuMDExLS4wNjMuMDI2LS4xNzkuMDI2LS4zNjFWOS42ODhjMC0uNjc5LjE4NS0xLjI1Ny41My0xLjcwNy0uMzQ2LS40NTItLjUzLTEuMDMtLjUzLTEuNzA1VjQuMzVjMC0uMTY3LS4wMjEtLjI1OS0uMDM0LS4zMDJMOS4yNiA0LjAyVi45NzNsMS4wMTEuMDExYzIuMTY3LjAyNCAzLjQwOSAxLjE1NiAzLjQwOSAzLjEwNXYxLjk2MmMwIC4zNTEuMDcxLjQ2MS4wNzIuNDYybC45MzYuMDYuMDUzLjkyN3YxLjkzNmwtLjkzNi4wNjFjLS4wNzYuMDE2LS4xMjUuMTQ2LS4xMjUuNDI0djIuMDE3YzAgLjkxNC0uMzMyIDMuMDQzLTMuNDA4IDMuMDc4bC0xLjAxMi4wMTF2LTMuMDQzem0tMy41MjEgMy4wMzJjLTMuMDg5LS4wMzUtMy40MjItMi4xNjQtMy40MjItMy4wNzhWOS45MjFjMC0uMzI3LS4wNjYtLjQzMi0uMDY3LS40MzNsLS45MzctLjA2LS4wNjMtLjkyOVY2LjU2M2wuOTQyLS4wNmMuMDU4IDAgLjEyNS0uMTE0LjEyNS0uNDUyVjQuMDljMC0xLjk0OSAxLjI0OC0zLjA4MSAzLjQyMi0zLjEwNUw2Ljc1Ljk3M1Y0LjAybC0uOTc1LjAyM2EuNTcyLjU3MiAwIDAgMC0uMDkzLjAxYy4wMDYuMDIxLS4wMTkuMTE1LS4wMTkuMjk3djEuOTI4YzAgLjY3NS0uMTg2IDEuMjUzLS41MzQgMS43MDUuMzQ4LjQ1LjUzNCAxLjAyOC41MzQgMS43MDd2MS45MDdjMCAuMTc1LjAxNC4yOTEuMDI3LjM2My4wMjMuMDAyIDEuMDYuMDI1IDEuMDYuMDI1djMuMDQzbC0xLjAxMS0uMDEyeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTUuNzUgMTQuMDE2Yy0xLjYyMy0uMDE5LTIuNDM0LS43MTEtMi40MzQtMi4wNzhWOS45MjFjMC0uOTAyLS4zNTUtMS4zNzYtMS4wNjYtMS40MjJ2LS45OThjLjcxMS0uMDQ1IDEuMDY2LS41MjkgMS4wNjYtMS40NDlWNC4wOWMwLTEuMzg1LjgxMS0yLjA4NyAyLjQzNC0yLjEwNXYxLjA2Yy0uNzI1LjAxNy0xLjA4Ny40NTMtMS4wODcgMS4zMDV2MS45MjhjMCAuOTItLjQ1NCAxLjQ4OC0xLjM2IDEuNzAyVjhjLjkwNy4yMDEgMS4zNi43NjMgMS4zNiAxLjY4OHYxLjkwN2MwIC40ODguMDgxLjgzNS4yNDMgMS4wNDIuMTYyLjIwOC40NDMuMzE2Ljg0NC4zMjV2MS4wNTR6bTcuOTktNS41MTdjLS43MDYuMDQ1LTEuMDYuNTItMS4wNiAxLjQyMnYyLjAxN2MwIDEuMzY3LS44MDcgMi4wNi0yLjQyIDIuMDc4di0xLjA1M2MuMzk2LS4wMDkuNjc4LS4xMTguODQ0LS4zMjguMTY3LS4yMS4yNS0uNTU2LjI1LTEuMDM5VjkuNjg4YzAtLjkyNS40NDktMS40ODggMS4zNDctMS42ODh2LS4wMjFjLS44OTgtLjIxNC0xLjM0Ny0uNzgyLTEuMzQ3LTEuNzAyVjQuMzVjMC0uODUyLS4zNjQtMS4yODgtMS4wOTQtMS4zMDZ2LTEuMDZjMS42MTMuMDE4IDIuNDIuNzIgMi40MiAyLjEwNXYxLjk2MmMwIC45Mi4zNTQgMS40MDQgMS4wNiAxLjQ0OXYuOTk5eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.property:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDUuNWE1LjUgNS41IDAgMCAxLTUuNSA1LjVjLS4yNzUgMC0uNTQzLS4wMjctLjgwNy0uMDY2bC0uMDc5LS4wMTJhNS40MjkgNS40MjkgMCAwIDEtLjgxLS4xOTJsLTQuNTM3IDQuNTM3Yy0uNDcyLjQ3My0xLjEuNzMzLTEuNzY3LjczM3MtMS4yOTUtLjI2LTEuNzY4LS43MzJhMi41MDIgMi41MDIgMCAwIDEgMC0zLjUzNWw0LjUzNy00LjUzN2E1LjQ1MiA1LjQ1MiAwIDAgMS0uMTkxLS44MTJjLS4wMDUtLjAyNS0uMDA4LS4wNTEtLjAxMi0uMDc3QTUuNTAzIDUuNTAzIDAgMCAxIDUgNS41YTUuNSA1LjUgMCAxIDEgMTEgMHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0xNSA1LjVhNC41IDQuNSAwIDAgMS00LjUgNC41Yy0uNjkzIDAtMS4zNDItLjE3LTEuOTI5LS40NWwtNS4wMSA1LjAxYy0uMjkzLjI5NC0uNjc3LjQ0LTEuMDYxLjQ0cy0uNzY4LS4xNDYtMS4wNjEtLjQzOWExLjUgMS41IDAgMCAxIDAtMi4xMjFsNS4wMS01LjAxQTQuNDgzIDQuNDgzIDAgMCAxIDYgNS41IDQuNSA0LjUgMCAwIDEgMTAuNSAxYy42OTMgMCAxLjM0Mi4xNyAxLjkyOS40NUw5LjYzNiA0LjI0M2wyLjEyMSAyLjEyMSAyLjc5My0yLjc5M2MuMjguNTg3LjQ1IDEuMjM2LjQ1IDEuOTI5eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.unit:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxMS4wMTNIMVY0aDE1djcuMDEzeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTggOUg3VjZoM3YzSDlWN0g4djJ6TTQgN2gxdjJoMVY2SDN2M2gxVjd6bTggMGgxdjJoMVY2aC0zdjNoMVY3eiIgaWQ9Imljb25GZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMiA1djVoMTNWNUgyem00IDRINVY3SDR2MkgzVjZoM3Yzem00IDBIOVY3SDh2Mkg3VjZoM3Yzem00IDBoLTFWN2gtMXYyaC0xVjZoM3YzeiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constant:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiMwMDUzOWN9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMi44NzkgMTRMMSAxMi4xMjFWMy44NzlMMi44NzkgMmgxMC4yNDJMMTUgMy44Nzl2OC4yNDJMMTMuMTIxIDE0SDIuODc5eiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTEyLjI5MyA0SDMuNzA3TDMgNC43MDd2Ni41ODZsLjcwNy43MDdoOC41ODZsLjcwNy0uNzA3VjQuNzA3TDEyLjI5MyA0ek0xMSAxMEg1VjloNnYxem0wLTNINVY2aDZ2MXoiIGlkPSJpY29uRmciLz48ZyBpZD0iaWNvbkJnIj48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTEyLjcwNyAxM0gzLjI5M0wyIDExLjcwN1Y0LjI5M0wzLjI5MyAzaDkuNDE0TDE0IDQuMjkzdjcuNDE0TDEyLjcwNyAxM3ptLTktMWg4LjU4NmwuNzA3LS43MDdWNC43MDdMMTIuMjkzIDRIMy43MDdMMyA0LjcwN3Y2LjU4NmwuNzA3LjcwN3oiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tYmx1ZSIgZD0iTTExIDdINVY2aDZ2MXptMCAySDV2MWg2Vjl6Ii8+PC9nPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum:before,.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.value:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1vcmFuZ2V7ZmlsbDojYzI3ZDFhfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE0LjQxNCAxTDE2IDIuNTg2djUuODI4TDE0LjQxNCAxMEgxMHYzLjQxNkw4LjQxNCAxNUgxLjU4NkwwIDEzLjQxNnYtNS44M0wxLjU4NiA2SDZWMi41ODZMNy41ODYgMWg2LjgyOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0yIDEzaDZWOEgydjV6bTEtNGg0djFIM1Y5em0wIDJoNHYxSDN2LTF6bTExLTVWM0g4djNoLjQxNEw5IDYuNTg2VjZoNHYxSDkuNDE0bC41ODYuNTg2VjhoNFY2em0tMS0xSDlWNGg0djF6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLW9yYW5nZSIgZD0iTTMgMTFoNC4wMDF2MUgzdi0xem0wLTFoNC4wMDFWOUgzdjF6bTYtMnY1bC0xIDFIMmwtMS0xVjhsMS0xaDZsMSAxek04IDhIMnY1aDZWOHptMS0ybDEgMWgzVjZIOXptMC0xaDRWNEg5djF6bTUtM0g4TDcgM3YzaDFWM2g2djVoLTR2MWg0bDEtMVYzbC0xLTF6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum-member:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtZmd7ZmlsbDojZjBlZmYxfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6IzAwNTM5Y308L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0wIDE1VjZoNlYyLjU4Nkw3LjU4NSAxaDYuODI5TDE2IDIuNTg2djUuODI5TDE0LjQxNCAxMEgxMHY1SDB6bTMtNnoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik04IDN2M2g1djFoLTN2MWg0VjNIOHptNSAySDlWNGg0djF6TTIgOHY1aDZWOEgyem01IDNIM3YtMWg0djF6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMCA2aDN2MWgtM1Y2ek05IDR2MWg0VjRIOXptNS0ySDhMNyAzdjNoMVYzaDZ2NWgtNHYxaDRsMS0xVjNsLTEtMXptLTcgOEgzdjFoNHYtMXptMi0zdjdIMVY3aDh6TTggOEgydjVoNlY4eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.keyword:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiA1VjJIOVYxSDB2MTRoMTN2LTNoM1Y5aC0xVjZIOVY1aDd6bS04IDdWOWgxdjNIOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0yIDNoNXYxSDJWM3oiIGlkPSJpY29uRmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTE1IDRoLTVWM2g1djF6bS0xIDNoLTJ2MWgyVjd6bS00IDBIMXYxaDlWN3ptMiA2SDF2MWgxMXYtMXptLTUtM0gxdjFoNnYtMXptOCAwaC01djFoNXYtMXpNOCAydjNIMVYyaDd6TTcgM0gydjFoNVYzeiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.text:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxNUgwVjFoMTZ2MTR6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNOS4yMjkgNy4zNTRjLjAzNS4xNDYuMDUyLjMxLjA1Mi40OTQgMCAuMjM0LS4wMi40NDEtLjA2LjYyMS0uMDM5LjE4LS4wOTUuMzI4LS4xNjguNDQ1YS42ODcuNjg3IDAgMCAxLS45MTQuMjgxLjc2Ljc2IDAgMCAxLS4yMzctLjIwNy45ODguOTg4IDAgMCAxLS4xNTQtLjMwNiAxLjI2MiAxLjI2MiAwIDAgMS0uMDU3LS4zODF2LS41MDZjMC0uMTcuMDItLjMyNi4wNjEtLjQ2NXMuMDk2LS4yNTguMTY4LS4zNTlhLjc1Ni43NTYgMCAwIDEgLjI1Ny0uMjMyYy4xLS4wNTUuMjEtLjA4Mi4zMzEtLjA4MmEuNjQ2LjY0NiAwIDAgMSAuNTcxLjMyYy4wNjcuMTA1LjExNi4yMy4xNS4zNzd6bS01LjEyNi44NjlhLjU1Ny41NTcgMCAwIDAtLjE5Ni4xMzJjLS4wNDcuMDUzLS4wOC4xMTItLjA5Ny4xOHMtLjAyOC4xNDctLjAyOC4yMzNhLjUxMy41MTMgMCAwIDAgLjE1Ny4zOS41MjguNTI4IDAgMCAwIC4xODYuMTEzLjY4Mi42ODIgMCAwIDAgLjI0Mi4wNDEuNzYuNzYgMCAwIDAgLjU5My0uMjcxLjg5Ny44OTcgMCAwIDAgLjE2NS0uMjk1Yy4wMzgtLjExMy4wNTktLjIzNC4wNTktLjM2NXYtLjM0NmwtLjc2MS4xMWExLjI5IDEuMjkgMCAwIDAtLjMyLjA3OHpNMTQgM3YxMEgyVjNoMTJ6TTUuOTYyIDcuNDY5YzAtLjIzOC0uMDI3LS40NTEtLjA4My0uNjM3YTEuMjg2IDEuMjg2IDAgMCAwLS4yNDktLjQ3MSAxLjA4IDEuMDggMCAwIDAtLjQyNC0uMjk1IDEuNjQ0IDEuNjQ0IDAgMCAwLS42MDgtLjEwMWMtLjExOSAwLS4yNDEuMDEyLS4zNjguMDMzYTMuMjEzIDMuMjEzIDAgMCAwLS42NzMuMTk1IDEuMzEzIDEuMzEzIDAgMCAwLS4yMTIuMTE0di43NjhjLjE1OC0uMTMyLjM0MS0uMjM1LjU0NC0uMzEzLjIwNC0uMDc4LjQxMy0uMTE3LjYyNy0uMTE3LjIxMyAwIC4zNzcuMDYzLjQ5NC4xODYuMTE2LjEyNS4xNzQuMzI0LjE3NC42bC0xLjAzLjE1NGMtLjIwNS4wMjYtLjM4LjA3Ny0uNTI2LjE1MWExLjA4MyAxLjA4MyAwIDAgMC0uNTYzLjY2QTEuNTYyIDEuNTYyIDAgMCAwIDMgOC44NTdjMCAuMTcuMDI1LjMyMy4wNzQuNDYzYS45NDUuOTQ1IDAgMCAwIC41NjguNTk2Yy4xMzkuMDU3LjI5Ny4wODQuNDc4LjA4NC4yMjkgMCAuNDMxLS4wNTMuNjA0LS4xNmExLjMgMS4zIDAgMCAwIC40MzktLjQ2M2guMDE0di41MjloLjc4NVY3LjQ2OXpNMTAgNy44NjFhMy41NCAzLjU0IDAgMCAwLS4wNzQtLjczNCAyLjA0NyAyLjA0NyAwIDAgMC0uMjI4LS42MTEgMS4yMDMgMS4yMDMgMCAwIDAtLjM5NC0uNDE2IDEuMDMgMS4wMyAwIDAgMC0uNTc0LS4xNTNjLS4xMjMgMC0uMjM0LjAxOC0uMzM2LjA1MWExIDEgMCAwIDAtLjI3OC4xNDcgMS4xNTMgMS4xNTMgMCAwIDAtLjIyNS4yMjIgMi4wMjIgMi4wMjIgMCAwIDAtLjE4MS4yODloLS4wMTNWNUg3djQuODg3aC42OTd2LS40ODVoLjAxM2MuMDQ0LjA4Mi4wOTUuMTU4LjE1MS4yMjkuMDU3LjA3LjExOS4xMzMuMTkxLjE4NmEuODM1LjgzNSAwIDAgMCAuMjM4LjEyMS45NDMuOTQzIDAgMCAwIC4yOTMuMDQyYy4yMyAwIC40MzQtLjA1My42MDktLjE2YTEuMzQgMS4zNCAwIDAgMCAuNDQzLS40NDNjLjEyLS4xODguMjExLS40MTIuMjcyLS42NzJBMy42MiAzLjYyIDAgMCAwIDEwIDcuODYxem0zLTEuNjU4YS43LjcgMCAwIDAtLjEwNi0uMDY2IDEuMTgzIDEuMTgzIDAgMCAwLS4xNDItLjA2MyAxLjIzMyAxLjIzMyAwIDAgMC0uMzYzLS4wNjVjLS4yMDkgMC0uMzk5LjA1MS0uNTY5LjE1YTEuMzU1IDEuMzU1IDAgMCAwLS40MzMuNDI0Yy0uMTE4LjE4Mi0uMjEuNDAyLS4yNzMuNjZhMy42MyAzLjYzIDAgMCAwLS4wMDggMS42MTVjLjA2LjIzLjE0My40My4yNTIuNjAyLjEwOS4xNjguMjQxLjMwMy4zOTYuMzk2YS45NzIuOTcyIDAgMCAwIC41MjQuMTQ0Yy4xNTggMCAuMjk2LS4wMjEuNDEzLS4wNjguMTE3LS4wNDUuMjE5LS4xMDguMzA5LS4xODR2LS43N2ExLjA5NCAxLjA5NCAwIDAgMS0uMjg4LjIyNS44MTkuODE5IDAgMCAxLS4xNTguMDY4LjQ4LjQ4IDAgMCAxLS4xNTMuMDI3LjYyLjYyIDAgMCAxLS4yNzQtLjA3NGMtLjI0MS0uMTM2LS40MjMtLjQ3OS0uNDIzLTEuMTQ2IDAtLjcxNS4yMDYtMS4xMi40NjktMS4zMDEuMDc3LS4wMzIuMTUzLS4wNjQuMjM4LS4wNjQuMTEzIDAgLjIyLjAyNy4zMTcuMDgyLjA5Ni4wNTcuMTg4LjEzMS4yNzIuMjIzdi0uODE1eiIgaWQ9Imljb25GZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMSAydjEyaDE0VjJIMXptMTMgMTFIMlYzaDEydjEwek01LjYzIDYuMzYxYTEuMDggMS4wOCAwIDAgMC0uNDI0LS4yOTUgMS42NDQgMS42NDQgMCAwIDAtLjYwOC0uMTAxYy0uMTE5IDAtLjI0MS4wMTItLjM2OC4wMzNhMy4yMTMgMy4yMTMgMCAwIDAtLjY3My4xOTUgMS4zMTMgMS4zMTMgMCAwIDAtLjIxMi4xMTR2Ljc2OGMuMTU4LS4xMzIuMzQxLS4yMzUuNTQ0LS4zMTMuMjA0LS4wNzguNDEzLS4xMTcuNjI3LS4xMTcuMjEzIDAgLjM3Ny4wNjMuNDk0LjE4Ni4xMTYuMTI1LjE3NC4zMjQuMTc0LjZsLTEuMDMuMTU0Yy0uMjA1LjAyNi0uMzguMDc3LS41MjYuMTUxYTEuMDgzIDEuMDgzIDAgMCAwLS41NjMuNjZBMS41NjIgMS41NjIgMCAwIDAgMyA4Ljg1N2MwIC4xNy4wMjUuMzIzLjA3NC40NjNhLjk0NS45NDUgMCAwIDAgLjU2OC41OTZjLjEzOS4wNTcuMjk3LjA4NC40NzguMDg0LjIyOSAwIC40MzEtLjA1My42MDQtLjE2YTEuMyAxLjMgMCAwIDAgLjQzOS0uNDYzaC4wMTR2LjUyOWguNzg1VjcuNDY5YzAtLjIzOC0uMDI3LS40NTEtLjA4My0uNjM3YTEuMjg2IDEuMjg2IDAgMCAwLS4yNDktLjQ3MXptLS40NDYgMi4wMmMwIC4xMzEtLjAyLjI1Mi0uMDU5LjM2NWEuODk3Ljg5NyAwIDAgMS0uMTY1LjI5NS43NTguNzU4IDAgMCAxLS41OTMuMjcyLjY4Mi42ODIgMCAwIDEtLjI0Mi0uMDQxLjUwNy41MDcgMCAwIDEtLjMwMi0uMjg2LjU4My41ODMgMCAwIDEtLjA0MS0uMjE4YzAtLjA4Ni4wMS0uMTY0LjAyNy0uMjMycy4wNTEtLjEyNy4wOTgtLjE4YS41NDYuNTQ2IDAgMCAxIC4xOTYtLjEzM2MuMDgzLS4wMzMuMTg5LS4wNjEuMzItLjA3OGwuNzYxLS4xMDl2LjM0NXptNC41MTQtMS44NjVhMS4yMDMgMS4yMDMgMCAwIDAtLjM5NC0uNDE2IDEuMDMgMS4wMyAwIDAgMC0uNTc0LS4xNTNjLS4xMjMgMC0uMjM0LjAxOC0uMzM2LjA1MWExIDEgMCAwIDAtLjI3OC4xNDcgMS4xNTMgMS4xNTMgMCAwIDAtLjIyNS4yMjIgMi4wMjIgMi4wMjIgMCAwIDAtLjE4MS4yODloLS4wMTNWNUg3djQuODg3aC42OTd2LS40ODVoLjAxM2MuMDQ0LjA4Mi4wOTUuMTU4LjE1MS4yMjkuMDU3LjA3LjExOS4xMzMuMTkxLjE4NmEuODM1LjgzNSAwIDAgMCAuMjM4LjEyMS45NDMuOTQzIDAgMCAwIC4yOTMuMDQyYy4yMyAwIC40MzQtLjA1My42MDktLjE2YTEuMzQgMS4zNCAwIDAgMCAuNDQzLS40NDNjLjEyLS4xODguMjExLS40MTIuMjcyLS42NzJBMy42MiAzLjYyIDAgMCAwIDEwIDcuODYxYTMuNTQgMy41NCAwIDAgMC0uMDc0LS43MzQgMi4wNDcgMi4wNDcgMCAwIDAtLjIyOC0uNjExem0tLjQ3NiAxLjk1M2MtLjAzOS4xOC0uMDk1LjMyOC0uMTY4LjQ0NWEuNzU1Ljc1NSAwIDAgMS0uMjY0LjI2Ni42ODcuNjg3IDAgMCAxLS42NTEuMDE1Ljc2Ljc2IDAgMCAxLS4yMzctLjIwNy45ODguOTg4IDAgMCAxLS4xNTQtLjMwNiAxLjI2MiAxLjI2MiAwIDAgMS0uMDU3LS4zODF2LS41MDZjMC0uMTcuMDItLjMyNi4wNjEtLjQ2NXMuMDk2LS4yNTguMTY4LS4zNTlhLjc1Ni43NTYgMCAwIDEgLjI1Ny0uMjMyYy4xLS4wNTUuMjEtLjA4Mi4zMzEtLjA4MmEuNjQ2LjY0NiAwIDAgMSAuNTcxLjMyYy4wNjYuMTA1LjExNi4yMy4xNS4zNzcuMDM1LjE0Ni4wNTIuMzEuMDUyLjQ5NCAwIC4yMzQtLjAxOS40NDEtLjA1OS42MjF6bTMuNjcyLTIuMzMyYS43LjcgMCAwIDEgLjEwNi4wNjZ2LjgxNGExLjE3OCAxLjE3OCAwIDAgMC0uMjczLS4yMjMuNjQ1LjY0NSAwIDAgMC0uMzE3LS4wODFjLS4wODUgMC0uMTYxLjAzMi0uMjM4LjA2NC0uMjYzLjE4MS0uNDY5LjU4Ni0uNDY5IDEuMzAxIDAgLjY2OC4xODIgMS4wMTEuNDIzIDEuMTQ2LjA4NC4wNC4xNzEuMDc0LjI3NC4wNzQuMDQ5IDAgLjEwMS0uMDEuMTUzLS4wMjdhLjg1Ni44NTYgMCAwIDAgLjE1OC0uMDY4IDEuMTYgMS4xNiAwIDAgMCAuMjg4LS4yMjV2Ljc3Yy0uMDkuMDc2LS4xOTIuMTM5LS4zMDkuMTg0YTEuMDk4IDEuMDk4IDAgMCAxLS40MTIuMDY4Ljk3NC45NzQgMCAwIDEtLjUyMy0uMTQzIDEuMjU3IDEuMjU3IDAgMCAxLS4zOTYtLjM5NiAyLjA5OCAyLjA5OCAwIDAgMS0uMjUyLS42MDIgMy4xMTggMy4xMTggMCAwIDEtLjA4OC0uNzU0YzAtLjMxNi4wMzItLjYwNC4wOTYtLjg2MS4wNjMtLjI1OC4xNTUtLjQ3OS4yNzMtLjY2LjExOS0uMTgyLjI2NS0uMzIyLjQzMy0uNDI0YTEuMTAyIDEuMTAyIDAgMCAxIDEuMDczLS4wMjN6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.color:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLXJlZHtmaWxsOiNlNTE0MDB9Lmljb24tdnMteWVsbG93e2ZpbGw6I2ZmY2MwMH0uaWNvbi12cy1ncmVlbntmaWxsOiMzMzk5MzN9Lmljb24tdnMtYmx1ZXtmaWxsOiMxYmExZTJ9Lmljb24tdnMtYWN0aW9uLXB1cnBsZXtmaWxsOiM2NTJkOTB9Lmljb24td2hpdGV7ZmlsbDojZmZmZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDhjMCA0LjQxMS0zLjU4OSA4LTggOGEyLjgwMyAyLjgwMyAwIDAgMS0yLjgtMi44YzAtLjgzMy4yNzItMS42MjkuNzY2LTIuMjQxYS41OTYuNTk2IDAgMCAwIC4xMDEtLjM1OS42NjcuNjY3IDAgMCAwLS42NjctLjY2Ni41OC41OCAwIDAgMC0uMzU4LjEwMkEzLjU4NCAzLjU4NCAwIDAgMSAyLjggMTAuOCAyLjgwMyAyLjgwMyAwIDAgMSAwIDhjMC00LjQxMSAzLjU4OS04IDgtOHM4IDMuNTg5IDggOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24td2hpdGUiIGQ9Ik01LjQgNy45MzNhMi42NyAyLjY3IDAgMCAxIDIuNjY3IDIuNjY2YzAgLjYwNi0uMTkzIDEuMTc5LS41NDQgMS42MTRhMS41OTkgMS41OTkgMCAwIDAtLjMyMy45ODcuOC44IDAgMCAwIC44LjhjMy4zMDkgMCA2LTIuNjkxIDYtNnMtMi42OTEtNi02LTYtNiAyLjY5MS02IDZjMCAuNDQxLjM1OS44LjguOC4zNzggMCAuNzI5LS4xMTQuOTg2LS4zMjJBMi41NjggMi41NjggMCAwIDEgNS40IDcuOTMzeiIgaWQ9Imljb25GZyIvPjxnIGlkPSJpY29uQmciPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNOCAxNWMtLjk5MiAwLTEuOC0uODA4LTEuOC0xLjggMC0uNjA2LjE5My0xLjE3OS41NDQtMS42MTMuMjA4LS4yNTkuMzIzLS42MDkuMzIzLS45ODcgMC0uOTE5LS43NDgtMS42NjYtMS42NjctMS42NjYtLjM3NyAwLS43MjguMTE1LS45ODYuMzIzQTIuNTggMi41OCAwIDAgMSAyLjggOS44QzEuODA4IDkuOCAxIDguOTkyIDEgOGMwLTMuODYgMy4xNC03IDctNyAzLjg1OSAwIDcgMy4xNCA3IDcgMCAzLjg1OS0zLjE0MSA3LTcgN3pNNS40IDcuOTMzYTIuNjcgMi42NyAwIDAgMSAyLjY2NyAyLjY2NmMwIC42MDYtLjE5MyAxLjE3OS0uNTQ0IDEuNjE0YTEuNTk5IDEuNTk5IDAgMCAwLS4zMjMuOTg3LjguOCAwIDAgMCAuOC44YzMuMzA5IDAgNi0yLjY5MSA2LTZzLTIuNjkxLTYtNi02LTYgMi42OTEtNiA2YzAgLjQ0MS4zNTkuOC44LjguMzc4IDAgLjcyOS0uMTE0Ljk4Ni0uMzIyQTIuNTY4IDIuNTY4IDAgMCAxIDUuNCA3LjkzM3oiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tcHVycGxlIiBkPSJNNC41IDUuMzc1YS44NzUuODc1IDAgMSAwIDAgMS43NS44NzUuODc1IDAgMCAwIDAtMS43NXoiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1ibHVlIiBkPSJNNy4xMjUgMy42MjVhLjg3NS44NzUgMCAxIDAgMCAxLjc1Ljg3NS44NzUgMCAwIDAgMC0xLjc1eiIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWdyZWVuIiBkPSJNMTAuNjI1IDQuNWEuODc1Ljg3NSAwIDEgMCAwIDEuNzUuODc1Ljg3NSAwIDAgMCAwLTEuNzV6Ii8+PHBhdGggY2xhc3M9Imljb24tdnMteWVsbG93IiBkPSJNMTEuNSA4YS44NzUuODc1IDAgMSAwIDAgMS43NS44NzUuODc1IDAgMCAwIDAtMS43NXoiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1yZWQiIGQ9Ik05Ljc1IDEwLjYyNWEuODc1Ljg3NSAwIDEgMCAwIDEuNzUuODc1Ljg3NSAwIDAgMCAwLTEuNzV6Ii8+PC9nPjwvc3ZnPg==)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.file:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNSAxNkgyVjBoOC42MjFMMTUgNC4zNzlWMTZ6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNMTMgMTRINFYyaDV2NGg0djh6bS0zLTlWMi4yMDdMMTIuNzkzIDVIMTB6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0zIDF2MTRoMTFWNC43OTNMMTAuMjA3IDFIM3ptMTAgMTNINFYyaDV2NGg0djh6bS0zLTlWMi4yMDdMMTIuNzkzIDVIMTB6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.reference:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojZjZmNmY2fS5pY29uLXZzLW91dHtmaWxsOiNmNmY2ZjZ9Lmljb24tdnMtYmd7ZmlsbDojNDI0MjQyfS5pY29uLXZzLWZne2ZpbGw6I2YwZWZmMX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiMwMDUzOWN9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTQgNC41NTZWMTNjMCAuOTctLjcwMSAyLTIgMkg0Yy0uOTcgMC0yLS43MDEtMi0yVjYuNjQ5QTMuNDk1IDMuNDk1IDAgMCAxIDAgMy41QzAgMS41NyAxLjU3IDAgMy41IDBINXYxaDUuMDYxTDE0IDQuNTU2eiIgaWQ9Im91dGxpbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMTMgNXY4cy0uMDM1IDEtMS4wMzUgMWgtOFMzIDE0IDMgMTNWOWgxdjRoOFY2SDkuMzk3bC41MTctLjUyTDkgNC41NzJWM0g3LjQxOUw2LjQxMyAyaDMuMjI4TDEzIDV6IiBpZD0iaWNvbkJnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik03LjQxOSAzSDl2MS41NzJMNy40MTkgM3ptMS45NzggM0w2LjQxNiA5SDR2NGg4VjZIOS4zOTd6IiBpZD0iaWNvbkZnIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tYmx1ZSIgZD0iTTUuOTg4IDZIMy41YTIuNSAyLjUgMCAxIDEgMC01SDR2MWgtLjVDMi42NzMgMiAyIDIuNjczIDIgMy41UzIuNjczIDUgMy41IDVoMi41MTNMNCAzaDJsMi41IDIuNDg0TDYgOEg0bDEuOTg4LTJ6IiBpZD0iY29sb3JBY3Rpb24iLz48L3N2Zz4=)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.snippet:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNDY5NCIKICAgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NzA1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzNDcwMyIgLz4KICA8c3R5bGUKICAgICBpZD0ic3R5bGU0Njk2Ij4uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO2ZpbGw6I2Y2ZjZmNn0uaWNvbi12cy1vdXR7ZmlsbDojZjZmNmY2fS5pY29uLXZzLWFjdGlvbi1vcmFuZ2V7ZmlsbDojYzI3ZDFhfTwvc3R5bGU+CiAgPGcKICAgICBpZD0iZzQ3MDciCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4zMzMzMzMzLDAsMCwxLjMzMzMzMzMsLTI0NS45OTk5OSwtNS4zMzMzMzMpIj4KICAgIDxwYXRoCiAgICAgICBkPSJtIDE4NSw0IDExLDAgMCwxMiAtMTEsMCB6IgogICAgICAgaWQ9InBhdGg0NTM0IgogICAgICAgc3R5bGU9ImZpbGw6I2Y2ZjZmNiIgLz4KICAgIDxwYXRoCiAgICAgICBkPSJtIDE5NCwxMyAwLC03IC03LDAgMCw3IC0xLDAgMCwtOCA5LDAgMCw4IC0xLDAgeiBtIC03LDIgLTEsMCAwLC0xIDEsMCAwLDEgeiBtIDIsLTEgLTEsMCAwLDEgMSwwIDAsLTEgeiBtIDIsMCAtMSwwIDAsMSAxLDAgMCwtMSB6IG0gMiwxIC0xLDAgMCwtMSAxLDAgMCwxIHogbSAyLC0xIC0xLDAgMCwxIDEsMCAwLC0xIHoiCiAgICAgICBpZD0icGF0aDQ1MzYiCiAgICAgICBzdHlsZT0iZmlsbDojNDI0MjQyIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTg3LDEzIDAsLTcgNywwIDAsNyAtNywwIHoiCiAgICAgICBpZD0icGF0aDQ1MzgiCiAgICAgICBzdHlsZT0iZmlsbDojZjBlZmYxIiAvPgogIDwvZz4KICA8cGF0aAogICAgIGlkPSJjYW52YXMiCiAgICAgZD0iTTE2IDE2SDBWMGgxNnYxNnoiCiAgICAgY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiAvPgo8L3N2Zz4K)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.customcolor:before{background-image:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon.folder:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO2ZpbGw6I0Y2RjZGNjt9IC5pY29uLXZzLW91dHtvcGFjaXR5OjA7ZmlsbDojRjZGNkY2O30gLmljb24tdnMtZmd7ZmlsbDojRjBFRkYxO30gLmljb24tZm9sZGVye2ZpbGw6IzY1NjU2NTt9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNmgtMTZ2LTE2aDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDIuNXYxMGMwIC44MjctLjY3MyAxLjUtMS41IDEuNWgtMTEuOTk2Yy0uODI3IDAtMS41LS42NzMtMS41LTEuNXYtOGMwLS44MjcuNjczLTEuNSAxLjUtMS41aDIuODg2bDEtMmg4LjExYy44MjcgMCAxLjUuNjczIDEuNSAxLjV6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLWZvbGRlciIgZD0iTTE0LjUgMmgtNy40OTJsLTEgMmgtMy41MDRjLS4yNzcgMC0uNS4yMjQtLjUuNXY4YzAgLjI3Ni4yMjMuNS41LjVoMTEuOTk2Yy4yNzUgMCAuNS0uMjI0LjUtLjV2LTEwYzAtLjI3Ni0uMjI1LS41LS41LS41em0tLjQ5NiAyaC02LjQ5NmwuNS0xaDUuOTk2djF6IiBpZD0iaWNvbkJnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0xNCAzdjFoLTYuNWwuNS0xaDZ6IiBpZD0iaWNvbkZnIi8+PC9zdmc+)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan{margin:0 0 0 .3em;border:.1em solid #000;width:.7em;height:.7em;display:inline-block}.monaco-editor .suggest-widget .details{display:flex;flex-direction:column;cursor:default}.monaco-editor .suggest-widget .details.no-docs{display:none}.monaco-editor .suggest-widget.docs-below .details{border-top-width:0}.monaco-editor .suggest-widget .details>.monaco-scrollable-element{flex:1}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body{position:absolute;box-sizing:border-box;height:100%;width:100%}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.header>.type{flex:2;overflow:hidden;text-overflow:ellipsis;opacity:.7;word-break:break-all;margin:0;padding:4px 0 12px 5px}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs{margin:0;padding:4px 5px;white-space:pre-wrap}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs.markdown-docs{padding:0;white-space:normal}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty){padding:4px 5px}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child{margin-top:0}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child{margin-bottom:0}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>.docs .code{white-space:pre-wrap;word-wrap:break-word}.monaco-editor .suggest-widget .details>.monaco-scrollable-element>.body>p:empty{display:none}.monaco-editor .suggest-widget .details code{border-radius:3px;padding:0 .4em}.monaco-editor.hc-black .suggest-widget .details>.monaco-scrollable-element>.body>.header>.close,.monaco-editor.vs-dark .suggest-widget .details>.monaco-scrollable-element>.body>.header>.close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMyAzIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMgMyAxNiAxNiI+PHBvbHlnb24gZmlsbD0iI2U4ZThlOCIgcG9pbnRzPSIxMi41OTcsMTEuMDQyIDE1LjQsMTMuODQ1IDEzLjg0NCwxNS40IDExLjA0MiwxMi41OTggOC4yMzksMTUuNCA2LjY4MywxMy44NDUgOS40ODUsMTEuMDQyIDYuNjgzLDguMjM5IDguMjM4LDYuNjgzIDExLjA0Miw5LjQ4NiAxMy44NDUsNi42ODMgMTUuNCw4LjIzOSIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDEwYzAgMi4yMDUtMS43OTQgNC00IDQtMS44NTggMC0zLjQxMS0xLjI3OS0zLjg1OC0zaC0uOTc4bDIuMzE4IDRIMHYtMS43MDNsMi0zLjQwOFYwaDExdjYuMTQyYzEuNzIxLjQ0NyAzIDIgMyAzLjg1OHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0xMiAxdjQuNzVBNC4yNTUgNC4yNTUgMCAwIDAgNy43NSAxMGgtLjczMkw0LjI3NSA1LjI2OSAzIDcuNDQyVjFoOXpNNy43NDcgMTRMNC4yNjkgOCAuNzQ4IDE0aDYuOTk5ek0xNSAxMGEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constructor:before,.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.function:before,.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.method:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constructor:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.function:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.method:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1wdXJwbGV7ZmlsbDojYjE4MGQ3fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE1IDMuMzQ5djguNDAzTDguOTc1IDE2SDguMDdMMSAxMS41ODJWMy4zMjdMNy41OTUgMGgxLjExOEwxNSAzLjM0OXoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0xMi43MTUgNC4zOThMOC40ODcgNy4wMiAzLjU2NSA0LjI3Mmw0LjU3OC0yLjMwOSA0LjU3MiAyLjQzNXpNMyA1LjEwMmw1IDIuNzkydjUuNzA1bC01LTMuMTI1VjUuMTAyem02IDguNDM0VjcuODc4bDQtMi40OHY1LjMxN2wtNCAyLjgyMXoiIGlkPSJpY29uRmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tcHVycGxlIiBkPSJNOC4xNTYuODM3TDIgMy45NDJ2Ny4wODVMOC41MTcgMTUuMSAxNCAxMS4yMzNWMy45NUw4LjE1Ni44Mzd6bTQuNTU5IDMuNTYxTDguNDg3IDcuMDIgMy41NjUgNC4yNzJsNC41NzgtMi4zMDkgNC41NzIgMi40MzV6TTMgNS4xMDJsNSAyLjc5MnY1LjcwNWwtNS0zLjEyNVY1LjEwMnptNiA4LjQzNFY3Ljg3OGw0LTIuNDh2NS4zMTdsLTQgMi44MjF6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.field:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.field:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6Izc1YmVmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0wIDEwLjczNlY0LjVMOSAwbDcgMy41djYuMjM2bC05IDQuNS03LTMuNXoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik05IDFMMSA1djVsNiAzIDgtNFY0TDkgMXpNNyA2Ljg4MkwzLjIzNiA1IDkgMi4xMTggMTIuNzY0IDQgNyA2Ljg4MnoiIGlkPSJpY29uQmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTkgMi4xMThMMTIuNzY0IDQgNyA2Ljg4MiAzLjIzNiA1IDkgMi4xMTh6IiBpZD0iaWNvbkZnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.event:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.event:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYWN0aW9uLW9yYW5nZXtmaWxsOiNlOGFiNTN9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTQgMS40MTRMOS40MTQgNkgxNHYxLjQxNEw1LjQxNCAxNkgzdi0xLjIzNEw1LjM3MSAxMEgyVjguNzY0TDYuMzgyIDBIMTR2MS40MTR6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLW9yYW5nZSIgZD0iTTcgN2g2bC04IDhINGwyLjk4NS02SDNsNC04aDZMNyA3eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.operator:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.operator:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6Izc1YmVmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xIDF2MTRoMTRWMUgxem02IDEySDN2LTFoNHYxem0wLTNIM1Y5aDR2MXptMC01SDV2Mkg0VjVIMlY0aDJWMmgxdjJoMnYxem0zLjI4MSA4SDguNzE5bDMtNGgxLjU2M2wtMy4wMDEgNHpNMTQgNUg5VjRoNXYxeiIgaWQ9Imljb25CZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNNyA1SDV2Mkg0VjVIMlY0aDJWMmgxdjJoMnYxem03LTFIOXYxaDVWNHpNNyA5SDN2MWg0Vjl6bTAgM0gzdjFoNHYtMXptMy4yODEgMWwzLTRoLTEuNTYzbC0zIDRoMS41NjN6IiBpZD0iaWNvbkZnIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiLz48L3N2Zz4=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.variable:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.variable:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiM3NWJlZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTEgM3YxLjAxNUw4LjczMyAyLjg4MiA1IDQuNzQ5VjNIMHYxMGg1di0xLjg1OWwyLjE1NiAxLjA3N0wxMSAxMC4yOTVWMTNoNVYzaC01eiIgaWQ9Im91dGxpbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMiA1djZoMnYxSDFWNGgzdjFIMnptMTAgNnYxaDNWNGgtM3YxaDJ2NmgtMnoiIGlkPSJpY29uQmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTcuMTU2IDcuMTU2bC0xLjU3OC0uNzg5IDMuMTU2LTEuNTc4IDEuNTc4Ljc4OS0zLjE1NiAxLjU3OHoiIGlkPSJpY29uRmciIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWFjdGlvbi1ibHVlIiBkPSJNOC43MzMgNEw0IDYuMzY3djMuMTU2TDcuMTU2IDExLjFsNC43MzMtMi4zNjdWNS41NzhMOC43MzMgNHpNNy4xNTYgNy4xNTZsLTEuNTc4LS43ODkgMy4xNTYtMS41NzggMS41NzguNzg5LTMuMTU2IDEuNTc4eiIgaWQ9ImNvbG9ySW1wb3J0YW5jZSIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.class:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.class:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYWN0aW9uLW9yYW5nZXtmaWxsOiNlOGFiNTN9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTYgNi41ODZsLTMtM0wxMS41ODYgNUg5LjQxNGwxLTEtNC00aC0uODI4TDAgNS41ODZ2LjgyOGw0IDRMNi40MTQgOEg3djVoMS41ODZsMyAzaC44MjhMMTYgMTIuNDE0di0uODI4TDEzLjkxNCA5LjUgMTYgNy40MTR2LS44Mjh6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWFjdGlvbi1vcmFuZ2UiIGQ9Ik0xMyAxMGwyIDItMyAzLTItMiAxLTFIOFY3SDZMNCA5IDEgNmw1LTUgMyAzLTIgMmg1bDEtMSAyIDItMyAzLTItMiAxLTFIOXY0bDIuOTk5LjAwMkwxMyAxMHoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.interface:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.interface:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6Izc1YmVmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xMS41IDEyYy0xLjkxNSAwLTMuNjAyLTEuMjQxLTQuMjI4LTNoLTEuNDFhMy4xMSAzLjExIDAgMCAxLTIuNzM3IDEuNjI1QzEuNDAyIDEwLjYyNSAwIDkuMjIzIDAgNy41czEuNDAyLTMuMTI1IDMuMTI1LTMuMTI1YzEuMTY1IDAgMi4yMDEuNjM5IDIuNzM3IDEuNjI1aDEuNDFjLjYyNi0xLjc1OSAyLjMxMy0zIDQuMjI4LTNDMTMuOTgxIDMgMTYgNS4wMTkgMTYgNy41UzEzLjk4MSAxMiAxMS41IDEyeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTExLjUgOUExLjUwMSAxLjUwMSAwIDEgMSAxMyA3LjVjMCAuODI2LS42NzMgMS41LTEuNSAxLjV6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMS41IDRhMy40OSAzLjQ5IDAgMCAwLTMuNDUgM0g1LjE4NUEyLjEyMiAyLjEyMiAwIDAgMCAxIDcuNWEyLjEyMyAyLjEyMyAwIDEgMCA0LjE4NS41SDguMDVhMy40OSAzLjQ5IDAgMCAwIDMuNDUgMyAzLjUgMy41IDAgMSAwIDAtN3ptMCA1Yy0uODI3IDAtMS41LS42NzMtMS41LTEuNVMxMC42NzMgNiAxMS41IDZzMS41LjY3MyAxLjUgMS41UzEyLjMyNyA5IDExLjUgOXoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.struct:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.struct:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYWN0aW9uLWJsdWV7ZmlsbDojNzViZWZmfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTkgMTRWOEg3djZIMVYyaDE0djEySDl6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMCA5aDR2NGgtNFY5em0tOCA0aDRWOUgydjR6TTIgM3Y0aDEyVjNIMnoiIGlkPSJpY29uQmciLz48L3N2Zz4=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.type-parameter:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.type-parameter:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTEwLjcwMiAxMC41bDItMi0yLTIgLjUtLjVIMTB2NWgxdjNINXYtM2gxVjZINC43OThsLjUuNS0yIDIgMiAyTDMgMTIuNzk3bC0zLTNWNy4yMDFsMy0zVjJoMTB2Mi4yMDFsMyAzdjIuNTk2bC0zIDMtMi4yOTgtMi4yOTd6IiBpZD0ib3V0bGluZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7Ii8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik00IDNoOHYyaC0xdi0uNWMwLS4yNzctLjIyNC0uNS0uNS0uNUg5djcuNWMwIC4yNzUuMjI0LjUuNS41aC41djFINnYtMWguNWEuNS41IDAgMCAwIC41LS41VjRINS41YS41LjUgMCAwIDAtLjUuNVY1SDRWM3pNMyA1LjYxNUwuMTE2IDguNSAzIDExLjM4M2wuODg0LS44ODMtMi0yIDItMkwzIDUuNjE1em0xMCAwbC0uODg0Ljg4NSAyIDItMiAyIC44ODQuODgzTDE1Ljg4NCA4LjUgMTMgNS42MTV6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.module:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.module:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTkuMjYgMTEuOTg0bC45NzgtLjAyMWEuOTYyLjk2MiAwIDAgMCAuMDktLjAwNmMuMDExLS4wNjMuMDI2LS4xNzkuMDI2LS4zNjFWOS42ODhjMC0uNjc5LjE4NS0xLjI1Ny41My0xLjcwNy0uMzQ2LS40NTItLjUzLTEuMDMtLjUzLTEuNzA1VjQuMzVjMC0uMTY3LS4wMjEtLjI1OS0uMDM0LS4zMDJMOS4yNiA0LjAyVi45NzNsMS4wMTEuMDExYzIuMTY3LjAyNCAzLjQwOSAxLjE1NiAzLjQwOSAzLjEwNXYxLjk2MmMwIC4zNTEuMDcxLjQ2MS4wNzIuNDYybC45MzYuMDYuMDUzLjkyN3YxLjkzNmwtLjkzNi4wNjFjLS4wNzYuMDE2LS4xMjUuMTQ2LS4xMjUuNDI0djIuMDE3YzAgLjkxNC0uMzMyIDMuMDQzLTMuNDA4IDMuMDc4bC0xLjAxMi4wMTF2LTMuMDQzem0tMy41MjEgMy4wMzJjLTMuMDg5LS4wMzUtMy40MjItMi4xNjQtMy40MjItMy4wNzhWOS45MjFjMC0uMzI3LS4wNjYtLjQzMi0uMDY3LS40MzNsLS45MzctLjA2LS4wNjMtLjkyOVY2LjU2M2wuOTQyLS4wNmMuMDU4IDAgLjEyNS0uMTE0LjEyNS0uNDUyVjQuMDljMC0xLjk0OSAxLjI0OC0zLjA4MSAzLjQyMi0zLjEwNUw2Ljc1Ljk3M1Y0LjAybC0uOTc1LjAyM2EuNTcyLjU3MiAwIDAgMC0uMDkzLjAxYy4wMDYuMDIxLS4wMTkuMTE1LS4wMTkuMjk3djEuOTI4YzAgLjY3NS0uMTg2IDEuMjUzLS41MzQgMS43MDUuMzQ4LjQ1LjUzNCAxLjAyOC41MzQgMS43MDd2MS45MDdjMCAuMTc1LjAxNC4yOTEuMDI3LjM2My4wMjMuMDAyIDEuMDYuMDI1IDEuMDYuMDI1djMuMDQzbC0xLjAxMS0uMDEyeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTUuNzUgMTQuMDE2Yy0xLjYyMy0uMDE5LTIuNDM0LS43MTEtMi40MzQtMi4wNzhWOS45MjFjMC0uOTAyLS4zNTUtMS4zNzYtMS4wNjYtMS40MjJ2LS45OThjLjcxMS0uMDQ1IDEuMDY2LS41MjkgMS4wNjYtMS40NDlWNC4wOWMwLTEuMzg1LjgxMS0yLjA4NyAyLjQzNC0yLjEwNXYxLjA2Yy0uNzI1LjAxNy0xLjA4Ny40NTMtMS4wODcgMS4zMDV2MS45MjhjMCAuOTItLjQ1NCAxLjQ4OC0xLjM2IDEuNzAyVjhjLjkwNy4yMDEgMS4zNi43NjMgMS4zNiAxLjY4OHYxLjkwN2MwIC40ODguMDgxLjgzNS4yNDMgMS4wNDIuMTYyLjIwOC40NDMuMzE2Ljg0NC4zMjV2MS4wNTR6bTcuOTktNS41MTdjLS43MDYuMDQ1LTEuMDYuNTItMS4wNiAxLjQyMnYyLjAxN2MwIDEuMzY3LS44MDcgMi4wNi0yLjQyIDIuMDc4di0xLjA1M2MuMzk2LS4wMDkuNjc4LS4xMTguODQ0LS4zMjguMTY3LS4yMS4yNS0uNTU2LjI1LTEuMDM5VjkuNjg4YzAtLjkyNS40NDktMS40ODggMS4zNDctMS42ODh2LS4wMjFjLS44OTgtLjIxNC0xLjM0Ny0uNzgyLTEuMzQ3LTEuNzAyVjQuMzVjMC0uODUyLS4zNjQtMS4yODgtMS4wOTQtMS4zMDZ2LTEuMDZjMS42MTMuMDE4IDIuNDIuNzIgMi40MiAyLjEwNXYxLjk2MmMwIC45Mi4zNTQgMS40MDQgMS4wNiAxLjQ0OXYuOTk5eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.property:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.property:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDUuNWE1LjUgNS41IDAgMCAxLTUuNSA1LjVjLS4yNzUgMC0uNTQzLS4wMjctLjgwNy0uMDY2bC0uMDc5LS4wMTJhNS40MjkgNS40MjkgMCAwIDEtLjgxLS4xOTJsLTQuNTM3IDQuNTM3Yy0uNDcyLjQ3My0xLjEuNzMzLTEuNzY3LjczM3MtMS4yOTUtLjI2LTEuNzY4LS43MzJhMi41MDIgMi41MDIgMCAwIDEgMC0zLjUzNWw0LjUzNy00LjUzN2E1LjQ1MiA1LjQ1MiAwIDAgMS0uMTkxLS44MTJjLS4wMDUtLjAyNS0uMDA4LS4wNTEtLjAxMi0uMDc3QTUuNTAzIDUuNTAzIDAgMCAxIDUgNS41YTUuNSA1LjUgMCAxIDEgMTEgMHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0xNSA1LjVhNC41IDQuNSAwIDAgMS00LjUgNC41Yy0uNjkzIDAtMS4zNDItLjE3LTEuOTI5LS40NWwtNS4wMSA1LjAxYy0uMjkzLjI5NC0uNjc3LjQ0LTEuMDYxLjQ0cy0uNzY4LS4xNDYtMS4wNjEtLjQzOWExLjUgMS41IDAgMCAxIDAtMi4xMjFsNS4wMS01LjAxQTQuNDgzIDQuNDgzIDAgMCAxIDYgNS41IDQuNSA0LjUgMCAwIDEgMTAuNSAxYy42OTMgMCAxLjM0Mi4xNyAxLjkyOS40NUw5LjYzNiA0LjI0M2wyLjEyMSAyLjEyMSAyLjc5My0yLjc5M2MuMjguNTg3LjQ1IDEuMjM2LjQ1IDEuOTI5eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.unit:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.unit:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxMS4wMTNIMVY0aDE1djcuMDEzeiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTggOUg3VjZoM3YzSDlWN0g4djJ6TTQgN2gxdjJoMVY2SDN2M2gxVjd6bTggMGgxdjJoMVY2aC0zdjNoMVY3eiIgaWQ9Imljb25GZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMiA1djVoMTNWNUgyem00IDRINVY3SDR2MkgzVjZoM3Yzem00IDBIOVY3SDh2Mkg3VjZoM3Yzem00IDBoLTFWN2gtMXYyaC0xVjZoM3YzeiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constant:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constant:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMjUyNTI2fS5pY29uLXZzLW91dHtmaWxsOiMyNTI1MjZ9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiM3NWJlZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMi44NzkgMTRMMSAxMi4xMjFWMy44NzlMMi44NzkgMmgxMC4yNDJMMTUgMy44Nzl2OC4yNDJMMTMuMTIxIDE0SDIuODc5eiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1mZyIgZD0iTTEyLjI5MyA0SDMuNzA3TDMgNC43MDd2Ni41ODZsLjcwNy43MDdoOC41ODZsLjcwNy0uNzA3VjQuNzA3TDEyLjI5MyA0ek0xMSAxMEg1VjloNnYxem0wLTNINVY2aDZ2MXoiIGlkPSJpY29uRmciLz48ZyBpZD0iaWNvbkJnIj48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTEyLjcwNyAxM0gzLjI5M0wyIDExLjcwN1Y0LjI5M0wzLjI5MyAzaDkuNDE0TDE0IDQuMjkzdjcuNDE0TDEyLjcwNyAxM3ptLTktMWg4LjU4NmwuNzA3LS43MDdWNC43MDdMMTIuMjkzIDRIMy43MDdMMyA0LjcwN3Y2LjU4NmwuNzA3LjcwN3oiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tYmx1ZSIgZD0iTTExIDdINVY2aDZ2MXptMCAySDV2MWg2Vjl6Ii8+PC9nPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum:before,.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.value:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.value:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1vcmFuZ2V7ZmlsbDojZThhYjUzfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE0LjQxNCAxTDE2IDIuNTg2djUuODI4TDE0LjQxNCAxMEgxMHYzLjQxNkw4LjQxNCAxNUgxLjU4NkwwIDEzLjQxNnYtNS44M0wxLjU4NiA2SDZWMi41ODZMNy41ODYgMWg2LjgyOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0yIDEzaDZWOEgydjV6bTEtNGg0djFIM1Y5em0wIDJoNHYxSDN2LTF6bTExLTVWM0g4djNoLjQxNEw5IDYuNTg2VjZoNHYxSDkuNDE0bC41ODYuNTg2VjhoNFY2em0tMS0xSDlWNGg0djF6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLW9yYW5nZSIgZD0iTTMgMTFoNC4wMDF2MUgzdi0xem0wLTFoNC4wMDFWOUgzdjF6bTYtMnY1bC0xIDFIMmwtMS0xVjhsMS0xaDZsMSAxek04IDhIMnY1aDZWOHptMS0ybDEgMWgzVjZIOXptMC0xaDRWNEg5djF6bTUtM0g4TDcgM3YzaDFWM2g2djVoLTR2MWg0bDEtMVYzbC0xLTF6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum-member:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum-member:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtZmd7ZmlsbDojMmIyODJlfS5pY29uLXZzLWFjdGlvbi1ibHVle2ZpbGw6Izc1YmVmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0wIDE1VjZoNlYyLjU4Nkw3LjU4NSAxaDYuODI5TDE2IDIuNTg2djUuODI5TDE0LjQxNCAxMEgxMHY1SDB6bTMtNnoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik04IDN2M2g1djFoLTN2MWg0VjNIOHptNSAySDlWNGg0djF6TTIgOHY1aDZWOEgyem01IDNIM3YtMWg0djF6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYWN0aW9uLWJsdWUiIGQ9Ik0xMCA2aDN2MWgtM1Y2ek05IDR2MWg0VjRIOXptNS0ySDhMNyAzdjNoMVYzaDZ2NWgtNHYxaDRsMS0xVjNsLTEtMXptLTcgOEgzdjFoNHYtMXptMi0zdjdIMVY3aDh6TTggOEgydjVoNlY4eiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.keyword:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.keyword:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiA1VjJIOVYxSDB2MTRoMTN2LTNoM1Y5aC0xVjZIOVY1aDd6bS04IDdWOWgxdjNIOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik0yIDNoNXYxSDJWM3oiIGlkPSJpY29uRmciLz48cGF0aCBjbGFzcz0iaWNvbi12cy1iZyIgZD0iTTE1IDRoLTVWM2g1djF6bS0xIDNoLTJ2MWgyVjd6bS00IDBIMXYxaDlWN3ptMiA2SDF2MWgxMXYtMXptLTUtM0gxdjFoNnYtMXptOCAwaC01djFoNXYtMXpNOCAydjNIMVYyaDd6TTcgM0gydjFoNVYzeiIgaWQ9Imljb25CZyIvPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.text:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.text:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAxNUgwVjFoMTZ2MTR6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNOS4yMjkgNy4zNTRjLjAzNS4xNDYuMDUyLjMxLjA1Mi40OTQgMCAuMjM0LS4wMi40NDEtLjA2LjYyMS0uMDM5LjE4LS4wOTUuMzI4LS4xNjguNDQ1YS42ODcuNjg3IDAgMCAxLS45MTQuMjgxLjc2Ljc2IDAgMCAxLS4yMzctLjIwNy45ODguOTg4IDAgMCAxLS4xNTQtLjMwNiAxLjI2MiAxLjI2MiAwIDAgMS0uMDU3LS4zODF2LS41MDZjMC0uMTcuMDItLjMyNi4wNjEtLjQ2NXMuMDk2LS4yNTguMTY4LS4zNTlhLjc1Ni43NTYgMCAwIDEgLjI1Ny0uMjMyYy4xLS4wNTUuMjEtLjA4Mi4zMzEtLjA4MmEuNjQ2LjY0NiAwIDAgMSAuNTcxLjMyYy4wNjcuMTA1LjExNi4yMy4xNS4zNzd6bS01LjEyNi44NjlhLjU1Ny41NTcgMCAwIDAtLjE5Ni4xMzJjLS4wNDcuMDUzLS4wOC4xMTItLjA5Ny4xOHMtLjAyOC4xNDctLjAyOC4yMzNhLjUxMy41MTMgMCAwIDAgLjE1Ny4zOS41MjguNTI4IDAgMCAwIC4xODYuMTEzLjY4Mi42ODIgMCAwIDAgLjI0Mi4wNDEuNzYuNzYgMCAwIDAgLjU5My0uMjcxLjg5Ny44OTcgMCAwIDAgLjE2NS0uMjk1Yy4wMzgtLjExMy4wNTktLjIzNC4wNTktLjM2NXYtLjM0NmwtLjc2MS4xMWExLjI5IDEuMjkgMCAwIDAtLjMyLjA3OHpNMTQgM3YxMEgyVjNoMTJ6TTUuOTYyIDcuNDY5YzAtLjIzOC0uMDI3LS40NTEtLjA4My0uNjM3YTEuMjg2IDEuMjg2IDAgMCAwLS4yNDktLjQ3MSAxLjA4IDEuMDggMCAwIDAtLjQyNC0uMjk1IDEuNjQ0IDEuNjQ0IDAgMCAwLS42MDgtLjEwMWMtLjExOSAwLS4yNDEuMDEyLS4zNjguMDMzYTMuMjEzIDMuMjEzIDAgMCAwLS42NzMuMTk1IDEuMzEzIDEuMzEzIDAgMCAwLS4yMTIuMTE0di43NjhjLjE1OC0uMTMyLjM0MS0uMjM1LjU0NC0uMzEzLjIwNC0uMDc4LjQxMy0uMTE3LjYyNy0uMTE3LjIxMyAwIC4zNzcuMDYzLjQ5NC4xODYuMTE2LjEyNS4xNzQuMzI0LjE3NC42bC0xLjAzLjE1NGMtLjIwNS4wMjYtLjM4LjA3Ny0uNTI2LjE1MWExLjA4MyAxLjA4MyAwIDAgMC0uNTYzLjY2QTEuNTYyIDEuNTYyIDAgMCAwIDMgOC44NTdjMCAuMTcuMDI1LjMyMy4wNzQuNDYzYS45NDUuOTQ1IDAgMCAwIC41NjguNTk2Yy4xMzkuMDU3LjI5Ny4wODQuNDc4LjA4NC4yMjkgMCAuNDMxLS4wNTMuNjA0LS4xNmExLjMgMS4zIDAgMCAwIC40MzktLjQ2M2guMDE0di41MjloLjc4NVY3LjQ2OXpNMTAgNy44NjFhMy41NCAzLjU0IDAgMCAwLS4wNzQtLjczNCAyLjA0NyAyLjA0NyAwIDAgMC0uMjI4LS42MTEgMS4yMDMgMS4yMDMgMCAwIDAtLjM5NC0uNDE2IDEuMDMgMS4wMyAwIDAgMC0uNTc0LS4xNTNjLS4xMjMgMC0uMjM0LjAxOC0uMzM2LjA1MWExIDEgMCAwIDAtLjI3OC4xNDcgMS4xNTMgMS4xNTMgMCAwIDAtLjIyNS4yMjIgMi4wMjIgMi4wMjIgMCAwIDAtLjE4MS4yODloLS4wMTNWNUg3djQuODg3aC42OTd2LS40ODVoLjAxM2MuMDQ0LjA4Mi4wOTUuMTU4LjE1MS4yMjkuMDU3LjA3LjExOS4xMzMuMTkxLjE4NmEuODM1LjgzNSAwIDAgMCAuMjM4LjEyMS45NDMuOTQzIDAgMCAwIC4yOTMuMDQyYy4yMyAwIC40MzQtLjA1My42MDktLjE2YTEuMzQgMS4zNCAwIDAgMCAuNDQzLS40NDNjLjEyLS4xODguMjExLS40MTIuMjcyLS42NzJBMy42MiAzLjYyIDAgMCAwIDEwIDcuODYxem0zLTEuNjU4YS43LjcgMCAwIDAtLjEwNi0uMDY2IDEuMTgzIDEuMTgzIDAgMCAwLS4xNDItLjA2MyAxLjIzMyAxLjIzMyAwIDAgMC0uMzYzLS4wNjVjLS4yMDkgMC0uMzk5LjA1MS0uNTY5LjE1YTEuMzU1IDEuMzU1IDAgMCAwLS40MzMuNDI0Yy0uMTE4LjE4Mi0uMjEuNDAyLS4yNzMuNjZhMy42MyAzLjYzIDAgMCAwLS4wMDggMS42MTVjLjA2LjIzLjE0My40My4yNTIuNjAyLjEwOS4xNjguMjQxLjMwMy4zOTYuMzk2YS45NzIuOTcyIDAgMCAwIC41MjQuMTQ0Yy4xNTggMCAuMjk2LS4wMjEuNDEzLS4wNjguMTE3LS4wNDUuMjE5LS4xMDguMzA5LS4xODR2LS43N2ExLjA5NCAxLjA5NCAwIDAgMS0uMjg4LjIyNS44MTkuODE5IDAgMCAxLS4xNTguMDY4LjQ4LjQ4IDAgMCAxLS4xNTMuMDI3LjYyLjYyIDAgMCAxLS4yNzQtLjA3NGMtLjI0MS0uMTM2LS40MjMtLjQ3OS0uNDIzLTEuMTQ2IDAtLjcxNS4yMDYtMS4xMi40NjktMS4zMDEuMDc3LS4wMzIuMTUzLS4wNjQuMjM4LS4wNjQuMTEzIDAgLjIyLjAyNy4zMTcuMDgyLjA5Ni4wNTcuMTg4LjEzMS4yNzIuMjIzdi0uODE1eiIgaWQ9Imljb25GZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMSAydjEyaDE0VjJIMXptMTMgMTFIMlYzaDEydjEwek01LjYzIDYuMzYxYTEuMDggMS4wOCAwIDAgMC0uNDI0LS4yOTUgMS42NDQgMS42NDQgMCAwIDAtLjYwOC0uMTAxYy0uMTE5IDAtLjI0MS4wMTItLjM2OC4wMzNhMy4yMTMgMy4yMTMgMCAwIDAtLjY3My4xOTUgMS4zMTMgMS4zMTMgMCAwIDAtLjIxMi4xMTR2Ljc2OGMuMTU4LS4xMzIuMzQxLS4yMzUuNTQ0LS4zMTMuMjA0LS4wNzguNDEzLS4xMTcuNjI3LS4xMTcuMjEzIDAgLjM3Ny4wNjMuNDk0LjE4Ni4xMTYuMTI1LjE3NC4zMjQuMTc0LjZsLTEuMDMuMTU0Yy0uMjA1LjAyNi0uMzguMDc3LS41MjYuMTUxYTEuMDgzIDEuMDgzIDAgMCAwLS41NjMuNjZBMS41NjIgMS41NjIgMCAwIDAgMyA4Ljg1N2MwIC4xNy4wMjUuMzIzLjA3NC40NjNhLjk0NS45NDUgMCAwIDAgLjU2OC41OTZjLjEzOS4wNTcuMjk3LjA4NC40NzguMDg0LjIyOSAwIC40MzEtLjA1My42MDQtLjE2YTEuMyAxLjMgMCAwIDAgLjQzOS0uNDYzaC4wMTR2LjUyOWguNzg1VjcuNDY5YzAtLjIzOC0uMDI3LS40NTEtLjA4My0uNjM3YTEuMjg2IDEuMjg2IDAgMCAwLS4yNDktLjQ3MXptLS40NDYgMi4wMmMwIC4xMzEtLjAyLjI1Mi0uMDU5LjM2NWEuODk3Ljg5NyAwIDAgMS0uMTY1LjI5NS43NTguNzU4IDAgMCAxLS41OTMuMjcyLjY4Mi42ODIgMCAwIDEtLjI0Mi0uMDQxLjUwNy41MDcgMCAwIDEtLjMwMi0uMjg2LjU4My41ODMgMCAwIDEtLjA0MS0uMjE4YzAtLjA4Ni4wMS0uMTY0LjAyNy0uMjMycy4wNTEtLjEyNy4wOTgtLjE4YS41NDYuNTQ2IDAgMCAxIC4xOTYtLjEzM2MuMDgzLS4wMzMuMTg5LS4wNjEuMzItLjA3OGwuNzYxLS4xMDl2LjM0NXptNC41MTQtMS44NjVhMS4yMDMgMS4yMDMgMCAwIDAtLjM5NC0uNDE2IDEuMDMgMS4wMyAwIDAgMC0uNTc0LS4xNTNjLS4xMjMgMC0uMjM0LjAxOC0uMzM2LjA1MWExIDEgMCAwIDAtLjI3OC4xNDcgMS4xNTMgMS4xNTMgMCAwIDAtLjIyNS4yMjIgMi4wMjIgMi4wMjIgMCAwIDAtLjE4MS4yODloLS4wMTNWNUg3djQuODg3aC42OTd2LS40ODVoLjAxM2MuMDQ0LjA4Mi4wOTUuMTU4LjE1MS4yMjkuMDU3LjA3LjExOS4xMzMuMTkxLjE4NmEuODM1LjgzNSAwIDAgMCAuMjM4LjEyMS45NDMuOTQzIDAgMCAwIC4yOTMuMDQyYy4yMyAwIC40MzQtLjA1My42MDktLjE2YTEuMzQgMS4zNCAwIDAgMCAuNDQzLS40NDNjLjEyLS4xODguMjExLS40MTIuMjcyLS42NzJBMy42MiAzLjYyIDAgMCAwIDEwIDcuODYxYTMuNTQgMy41NCAwIDAgMC0uMDc0LS43MzQgMi4wNDcgMi4wNDcgMCAwIDAtLjIyOC0uNjExem0tLjQ3NiAxLjk1M2MtLjAzOS4xOC0uMDk1LjMyOC0uMTY4LjQ0NWEuNzU1Ljc1NSAwIDAgMS0uMjY0LjI2Ni42ODcuNjg3IDAgMCAxLS42NTEuMDE1Ljc2Ljc2IDAgMCAxLS4yMzctLjIwNy45ODguOTg4IDAgMCAxLS4xNTQtLjMwNiAxLjI2MiAxLjI2MiAwIDAgMS0uMDU3LS4zODF2LS41MDZjMC0uMTcuMDItLjMyNi4wNjEtLjQ2NXMuMDk2LS4yNTguMTY4LS4zNTlhLjc1Ni43NTYgMCAwIDEgLjI1Ny0uMjMyYy4xLS4wNTUuMjEtLjA4Mi4zMzEtLjA4MmEuNjQ2LjY0NiAwIDAgMSAuNTcxLjMyYy4wNjYuMTA1LjExNi4yMy4xNS4zNzcuMDM1LjE0Ni4wNTIuMzEuMDUyLjQ5NCAwIC4yMzQtLjAxOS40NDEtLjA1OS42MjF6bTMuNjcyLTIuMzMyYS43LjcgMCAwIDEgLjEwNi4wNjZ2LjgxNGExLjE3OCAxLjE3OCAwIDAgMC0uMjczLS4yMjMuNjQ1LjY0NSAwIDAgMC0uMzE3LS4wODFjLS4wODUgMC0uMTYxLjAzMi0uMjM4LjA2NC0uMjYzLjE4MS0uNDY5LjU4Ni0uNDY5IDEuMzAxIDAgLjY2OC4xODIgMS4wMTEuNDIzIDEuMTQ2LjA4NC4wNC4xNzEuMDc0LjI3NC4wNzQuMDQ5IDAgLjEwMS0uMDEuMTUzLS4wMjdhLjg1Ni44NTYgMCAwIDAgLjE1OC0uMDY4IDEuMTYgMS4xNiAwIDAgMCAuMjg4LS4yMjV2Ljc3Yy0uMDkuMDc2LS4xOTIuMTM5LS4zMDkuMTg0YTEuMDk4IDEuMDk4IDAgMCAxLS40MTIuMDY4Ljk3NC45NzQgMCAwIDEtLjUyMy0uMTQzIDEuMjU3IDEuMjU3IDAgMCAxLS4zOTYtLjM5NiAyLjA5OCAyLjA5OCAwIDAgMS0uMjUyLS42MDIgMy4xMTggMy4xMTggMCAwIDEtLjA4OC0uNzU0YzAtLjMxNi4wMzItLjYwNC4wOTYtLjg2MS4wNjMtLjI1OC4xNTUtLjQ3OS4yNzMtLjY2LjExOS0uMTgyLjI2NS0uMzIyLjQzMy0uNDI0YTEuMTAyIDEuMTAyIDAgMCAxIDEuMDczLS4wMjN6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.color:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.color:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLXJlZHtmaWxsOiNmNDg3NzF9Lmljb24tdnMteWVsbG93e2ZpbGw6I2ZmY2MwMH0uaWNvbi12cy1ncmVlbntmaWxsOiMzMzk5MzN9Lmljb24tdnMtYmx1ZXtmaWxsOiMxYmExZTJ9Lmljb24tdnMtYWN0aW9uLXB1cnBsZXtmaWxsOiNiMTgwZDd9Lmljb24td2hpdGV7ZmlsbDojMDAwMDAwfTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZIMFYwaDE2djE2eiIgaWQ9ImNhbnZhcyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLW91dCIgZD0iTTE2IDhjMCA0LjQxMS0zLjU4OSA4LTggOGEyLjgwMyAyLjgwMyAwIDAgMS0yLjgtMi44YzAtLjgzMy4yNzItMS42MjkuNzY2LTIuMjQxYS41OTYuNTk2IDAgMCAwIC4xMDEtLjM1OS42NjcuNjY3IDAgMCAwLS42NjctLjY2Ni41OC41OCAwIDAgMC0uMzU4LjEwMkEzLjU4NCAzLjU4NCAwIDAgMSAyLjggMTAuOCAyLjgwMyAyLjgwMyAwIDAgMSAwIDhjMC00LjQxMSAzLjU4OS04IDgtOHM4IDMuNTg5IDggOHoiIGlkPSJvdXRsaW5lIi8+PHBhdGggY2xhc3M9Imljb24td2hpdGUiIGQ9Ik01LjQgNy45MzNhMi42NyAyLjY3IDAgMCAxIDIuNjY3IDIuNjY2YzAgLjYwNi0uMTkzIDEuMTc5LS41NDQgMS42MTRhMS41OTkgMS41OTkgMCAwIDAtLjMyMy45ODcuOC44IDAgMCAwIC44LjhjMy4zMDkgMCA2LTIuNjkxIDYtNnMtMi42OTEtNi02LTYtNiAyLjY5MS02IDZjMCAuNDQxLjM1OS44LjguOC4zNzggMCAuNzI5LS4xMTQuOTg2LS4zMjJBMi41NjggMi41NjggMCAwIDEgNS40IDcuOTMzeiIgaWQ9Imljb25GZyIvPjxnIGlkPSJpY29uQmciPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNOCAxNWMtLjk5MiAwLTEuOC0uODA4LTEuOC0xLjggMC0uNjA2LjE5My0xLjE3OS41NDQtMS42MTMuMjA4LS4yNTkuMzIzLS42MDkuMzIzLS45ODcgMC0uOTE5LS43NDgtMS42NjYtMS42NjctMS42NjYtLjM3NyAwLS43MjguMTE1LS45ODYuMzIzQTIuNTggMi41OCAwIDAgMSAyLjggOS44QzEuODA4IDkuOCAxIDguOTkyIDEgOGMwLTMuODYgMy4xNC03IDctNyAzLjg1OSAwIDcgMy4xNCA3IDcgMCAzLjg1OS0zLjE0MSA3LTcgN3pNNS40IDcuOTMzYTIuNjcgMi42NyAwIDAgMSAyLjY2NyAyLjY2NmMwIC42MDYtLjE5MyAxLjE3OS0uNTQ0IDEuNjE0YTEuNTk5IDEuNTk5IDAgMCAwLS4zMjMuOTg3LjguOCAwIDAgMCAuOC44YzMuMzA5IDAgNi0yLjY5MSA2LTZzLTIuNjkxLTYtNi02LTYgMi42OTEtNiA2YzAgLjQ0MS4zNTkuOC44LjguMzc4IDAgLjcyOS0uMTE0Ljk4Ni0uMzIyQTIuNTY4IDIuNTY4IDAgMCAxIDUuNCA3LjkzM3oiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tcHVycGxlIiBkPSJNNC41IDUuMzc1YS44NzUuODc1IDAgMSAwIDAgMS43NS44NzUuODc1IDAgMCAwIDAtMS43NXoiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1ibHVlIiBkPSJNNy4xMjUgMy42MjVhLjg3NS44NzUgMCAxIDAgMCAxLjc1Ljg3NS44NzUgMCAwIDAgMC0xLjc1eiIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWdyZWVuIiBkPSJNMTAuNjI1IDQuNWEuODc1Ljg3NSAwIDEgMCAwIDEuNzUuODc1Ljg3NSAwIDAgMCAwLTEuNzV6Ii8+PHBhdGggY2xhc3M9Imljb24tdnMteWVsbG93IiBkPSJNMTEuNSA4YS44NzUuODc1IDAgMSAwIDAgMS43NS44NzUuODc1IDAgMCAwIDAtMS43NXoiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1yZWQiIGQ9Ik05Ljc1IDEwLjYyNWEuODc1Ljg3NSAwIDEgMCAwIDEuNzUuODc1Ljg3NSAwIDAgMCAwLTEuNzV6Ii8+PC9nPjwvc3ZnPg==)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.file:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.file:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX08L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTE2IDE2SDBWMGgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNSAxNkgyVjBoOC42MjFMMTUgNC4zNzlWMTZ6IiBpZD0ib3V0bGluZSIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNMTMgMTRINFYyaDV2NGg0djh6bS0zLTlWMi4yMDdMMTIuNzkzIDVIMTB6IiBpZD0iaWNvbkZnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtYmciIGQ9Ik0zIDF2MTRoMTFWNC43OTNMMTAuMjA3IDFIM3ptMTAgMTNINFYyaDV2NGg0djh6bS0zLTlWMi4yMDdMMTIuNzkzIDVIMTB6IiBpZD0iaWNvbkJnIi8+PC9zdmc+)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.reference:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.reference:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHN0eWxlPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojMmQyZDMwfS5pY29uLXZzLW91dHtmaWxsOiMyZDJkMzB9Lmljb24tdnMtYmd7ZmlsbDojYzVjNWM1fS5pY29uLXZzLWZne2ZpbGw6IzJiMjgyZX0uaWNvbi12cy1hY3Rpb24tYmx1ZXtmaWxsOiM3NWJlZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0iaWNvbi1jYW52YXMtdHJhbnNwYXJlbnQiIGQ9Ik0xNiAxNkgwVjBoMTZ2MTZ6IiBpZD0iY2FudmFzIi8+PHBhdGggY2xhc3M9Imljb24tdnMtb3V0IiBkPSJNMTQgNC41NTZWMTNjMCAuOTctLjcwMSAyLTIgMkg0Yy0uOTcgMC0yLS43MDEtMi0yVjYuNjQ5QTMuNDk1IDMuNDk1IDAgMCAxIDAgMy41QzAgMS41NyAxLjU3IDAgMy41IDBINXYxaDUuMDYxTDE0IDQuNTU2eiIgaWQ9Im91dGxpbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lOyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWJnIiBkPSJNMTMgNXY4cy0uMDM1IDEtMS4wMzUgMWgtOFMzIDE0IDMgMTNWOWgxdjRoOFY2SDkuMzk3bC41MTctLjUyTDkgNC41NzJWM0g3LjQxOUw2LjQxMyAyaDMuMjI4TDEzIDV6IiBpZD0iaWNvbkJnIi8+PHBhdGggY2xhc3M9Imljb24tdnMtZmciIGQ9Ik03LjQxOSAzSDl2MS41NzJMNy40MTkgM3ptMS45NzggM0w2LjQxNiA5SDR2NGg4VjZIOS4zOTd6IiBpZD0iaWNvbkZnIiBzdHlsZT0iZGlzcGxheTogbm9uZTsiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1hY3Rpb24tYmx1ZSIgZD0iTTUuOTg4IDZIMy41YTIuNSAyLjUgMCAxIDEgMC01SDR2MWgtLjVDMi42NzMgMiAyIDIuNjczIDIgMy41UzIuNjczIDUgMy41IDVoMi41MTNMNCAzaDJsMi41IDIuNDg0TDYgOEg0bDEuOTg4LTJ6IiBpZD0iY29sb3JBY3Rpb24iLz48L3N2Zz4=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.snippet:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.snippet:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNDY5NCIKICAgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NzA1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzNDcwMyIgLz4KICA8c3R5bGUKICAgICBpZD0ic3R5bGU0Njk2Ij4uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO2ZpbGw6I2Y2ZjZmNn0uaWNvbi12cy1vdXR7ZmlsbDojZjZmNmY2fS5pY29uLXZzLWFjdGlvbi1vcmFuZ2V7ZmlsbDojYzI3ZDFhfTwvc3R5bGU+CiAgPGcKICAgICBpZD0iZzQ3MjQiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4zMzMzMzMzLDAsMCwxLjMzMzMzMzMsLTI0NS45OTk5OSwtMzEuOTk5OTk5KSI+CiAgICA8cGF0aAogICAgICAgZD0ibSAxODUsMjQgMTEsMCAwLDEyIC0xMSwwIHoiCiAgICAgICBpZD0icGF0aDQ1MjgiCiAgICAgICBzdHlsZT0iZmlsbDojMmQyZDMwIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTk0LDMzIDAsLTcgLTcsMCAwLDcgLTEsMCAwLC04IDksMCAwLDggeiBtIC04LDEgMSwwIDAsMSAtMSwwIHogbSAyLDAgMSwwIDAsMSAtMSwwIHogbSAyLDAgMSwwIDAsMSAtMSwwIHogbSAyLDAgMSwwIDAsMSAtMSwwIHogbSAyLDAgMSwwIDAsMSAtMSwwIHoiCiAgICAgICBpZD0icGF0aDQ1MzAiCiAgICAgICBzdHlsZT0iZmlsbDojYzVjNWM1IiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTg3LDI2IDcsMCAwLDcgLTcsMCB6IgogICAgICAgaWQ9InBhdGg0NTMyIgogICAgICAgc3R5bGU9ImZpbGw6IzJiMjgyZSIgLz4KICA8L2c+Cjwvc3ZnPgo=)}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.customcolor:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.customcolor:before{background-image:none}.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .suggest-icon.folder:before,.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.folder:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uaWNvbi1jYW52YXMtdHJhbnNwYXJlbnR7b3BhY2l0eTowO2ZpbGw6I0Y2RjZGNjt9IC5pY29uLXZzLW91dHtvcGFjaXR5OjA7ZmlsbDojRjZGNkY2O30gLmljb24tdnMtZmd7b3BhY2l0eTowO2ZpbGw6I0YwRUZGMTt9IC5pY29uLWZvbGRlcntmaWxsOiNDNUM1QzU7fTwvc3R5bGU+PHBhdGggY2xhc3M9Imljb24tY2FudmFzLXRyYW5zcGFyZW50IiBkPSJNMTYgMTZoLTE2di0xNmgxNnYxNnoiIGlkPSJjYW52YXMiLz48cGF0aCBjbGFzcz0iaWNvbi12cy1vdXQiIGQ9Ik0xNiAyLjV2MTBjMCAuODI3LS42NzMgMS41LTEuNSAxLjVoLTExLjk5NmMtLjgyNyAwLTEuNS0uNjczLTEuNS0xLjV2LThjMC0uODI3LjY3My0xLjUgMS41LTEuNWgyLjg4NmwxLTJoOC4xMWMuODI3IDAgMS41LjY3MyAxLjUgMS41eiIgaWQ9Im91dGxpbmUiLz48cGF0aCBjbGFzcz0iaWNvbi1mb2xkZXIiIGQ9Ik0xNC41IDJoLTcuNDkybC0xIDJoLTMuNTA0Yy0uMjc3IDAtLjUuMjI0LS41LjV2OGMwIC4yNzYuMjIzLjUuNS41aDExLjk5NmMuMjc1IDAgLjUtLjIyNC41LS41di0xMGMwLS4yNzYtLjIyNS0uNS0uNS0uNXptLS40OTYgMmgtNi40OTZsLjUtMWg1Ljk5NnYxeiIgaWQ9Imljb25CZyIvPjxwYXRoIGNsYXNzPSJpY29uLXZzLWZnIiBkPSJNMTQgM3YxaC02LjVsLjUtMWg2eiIgaWQ9Imljb25GZyIvPjwvc3ZnPg==)}.monaco-editor .zone-widget{position:absolute;z-index:10}.monaco-editor .zone-widget .zone-widget-container{border-top-style:solid;border-bottom-style:solid;border-top-width:0;border-bottom-width:0;position:relative}.monaco-editor .accessibilityHelpWidget{padding:10px;vertical-align:middle;overflow:scroll}.monaco-editor .iPadShowKeyboard{width:58px;min-width:0;height:36px;min-height:0;margin:0;padding:0;position:absolute;resize:none;overflow:hidden;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSIzNiI+PHBhdGggZmlsbD0iI0YwRUZGMSIgZD0iTTU0IDMydi0yOGgtNTB2MjhoNTB6bS0xNi0yaC0xOHYtNmgxOHY2em02IDBoLTR2LTZoNHY2em04IDBoLTZ2LTZoNnY2em0tNC0yNGg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bS02LTEyaDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptLTYtMTJoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0tNi0xMmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bS02LTEyaDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptLTYtMTJoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDEyaC00di02aDR2NnptLTYtMjRoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0tNi0xMmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg2djZoLTZ2LTZ6Ii8+PHBhdGggZmlsbD0iIzQyNDI0MiIgZD0iTTU1LjMzNiAwaC01My4yODVjLTEuMzQ0IDAtMi4wNTEuNjU2LTIuMDUxIDJ2MzJjMCAxLjM0NC43MDcgMS45NjUgMi4wNTEgMS45NjVsNTMuOTQ5LjAzNWMxLjM0NCAwIDItLjY1NiAyLTJ2LTMyYzAtMS4zNDQtMS4zMi0yLTIuNjY0LTJ6bS0xLjMzNiAzMmgtNTB2LTI4aDUwdjI4eiIvPjxyZWN0IHg9IjYiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTIiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTgiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMjQiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzAiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzYiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNDIiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNDgiIHk9IjEyIiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNiIgeT0iNiIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjEyIiB5PSI2IiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTgiIHk9IjYiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIyNCIgeT0iNiIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjMwIiB5PSI2IiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzYiIHk9IjYiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0MiIgeT0iNiIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjQ4IiB5PSI2IiBmaWxsPSIjNDI0MjQyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNiIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIxMiIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIxOCIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIyNCIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIzMCIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIzNiIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0MiIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0OCIgeT0iMTgiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI2IiB5PSIyNCIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPjxyZWN0IHg9IjQ2IiB5PSIyNCIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPjxyZWN0IHg9IjIwIiB5PSIyNCIgZmlsbD0iIzQyNDI0MiIgd2lkdGg9IjE4IiBoZWlnaHQ9IjYiLz48cmVjdCB4PSIxNCIgeT0iMjQiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiLz48cmVjdCB4PSI0MCIgeT0iMjQiIGZpbGw9IiM0MjQyNDIiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiLz48L3N2Zz4=) 50% no-repeat;border:4px solid #f6f6f6;border-radius:4px}.monaco-editor.vs-dark .iPadShowKeyboard{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSIzNiI+PHBhdGggZmlsbD0iIzJCMjgyRSIgZD0iTTU0IDMydi0yOGgtNTB2MjhoNTB6bS0xNi0yaC0xOHYtNmgxOHY2em02IDBoLTR2LTZoNHY2em04IDBoLTZ2LTZoNnY2em0tNC0yNGg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bS02LTEyaDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptLTYtMTJoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0tNi0xMmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bS02LTEyaDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptMCA2aDR2NGgtNHYtNHptLTYtMTJoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDEyaC00di02aDR2NnptLTYtMjRoNHY0aC00di00em0wIDZoNHY0aC00di00em0wIDZoNHY0aC00di00em0tNi0xMmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg0djRoLTR2LTR6bTAgNmg2djZoLTZ2LTZ6Ii8+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTU1LjMzNiAwaC01My4yODVjLTEuMzQ0IDAtMi4wNTEuNjU2LTIuMDUxIDJ2MzJjMCAxLjM0NC43MDcgMS45NjUgMi4wNTEgMS45NjVsNTMuOTQ5LjAzNWMxLjM0NCAwIDItLjY1NiAyLTJ2LTMyYzAtMS4zNDQtMS4zMi0yLTIuNjY0LTJ6bS0xLjMzNiAzMmgtNTB2LTI4aDUwdjI4eiIvPjxyZWN0IHg9IjYiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTIiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTgiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMjQiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzAiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzYiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNDIiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNDgiIHk9IjEyIiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNiIgeT0iNiIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjEyIiB5PSI2IiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTgiIHk9IjYiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIyNCIgeT0iNiIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjMwIiB5PSI2IiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMzYiIHk9IjYiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0MiIgeT0iNiIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjQ4IiB5PSI2IiBmaWxsPSIjQzVDNUM1IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iNiIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIxMiIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIxOCIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIyNCIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIzMCIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIzNiIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0MiIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI0OCIgeT0iMTgiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSI2IiB5PSIyNCIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPjxyZWN0IHg9IjQ2IiB5PSIyNCIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPjxyZWN0IHg9IjIwIiB5PSIyNCIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjYiLz48cmVjdCB4PSIxNCIgeT0iMjQiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiLz48cmVjdCB4PSI0MCIgeT0iMjQiIGZpbGw9IiNDNUM1QzUiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiLz48L3N2Zz4=) 50% no-repeat;border:4px solid #252526}.monaco-editor .tokens-inspect-widget{z-index:50;-webkit-user-select:text;-ms-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;padding:10px}.tokens-inspect-separator{height:1px;border:0}.monaco-editor .tokens-inspect-widget .tm-token{font-family:monospace}.monaco-editor .tokens-inspect-widget .tm-token-length{font-weight:400;font-size:60%;float:right}.monaco-editor .tokens-inspect-widget .tm-metadata-table{width:100%}.monaco-editor .tokens-inspect-widget .tm-metadata-value{font-family:monospace;text-align:right}.monaco-editor .tokens-inspect-widget .tm-token-type{font-family:monospace}.monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight,.monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight{color:#0066bf}.vs-dark .monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight,.vs-dark .monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight{color:#0097fb}.hc-black .monaco-quick-open-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight,.hc-black .monaco-quick-open-widget .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight{color:#f38518}.monaco-quick-open-widget{font-size:13px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon,.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0yODguNDgzIDMzYy0uNzcyIDAtMS40OTctLjEyMy0yLjE1My0uMzY1LS42NzgtLjI1My0xLjI3LS42MTctMS43Ni0xLjA4NC0uNS0uNDc1LS44OTItMS4wNDktMS4xNjMtMS43MDQtLjI3LS42NDQtLjQwNy0xLjM3MS0uNDA3LTIuMTU4IDAtLjUxNy4wNjEtMS4wMTguMTc4LTEuNDkuMTE2LS40Ny4yOS0uOTI1LjUxNi0xLjM0OC4yMjUtLjQyMi41MDgtLjgxNS44NDQtMS4xNjcuMzM0LS4zNTIuNzE3LS42NTYgMS4xMzktLjkwNS40MTYtLjI0Ni44ODEtLjQ0IDEuMzgtLjU3Ni40OTMtLjEzNCAxLjAyNi0uMjAyIDEuNTg3LS4yMDIuNzA1IDAgMS4zODIuMTA5IDIuMDEzLjMyNC42NDIuMjE3IDEuMjE4LjUzOCAxLjcwOC45NTUuNTAxLjQyNS45MDMuOTQ4IDEuMTkzIDEuNTU2LjI5NC42MjMuNDQyIDEuMzE2LjQ0MiAyLjA2NCAwIC42MTktLjA5IDEuMTg1LS4yNjggMS42NzktLjE3OC40OTItLjQyLjkyLS43MjEgMS4yNzUtLjMzMS4zNzctLjY5OS42NTgtMS4xMDQuODQ3bC0uMDQ4LjAyMnYxLjUzbC0uNTg3LjI2NmMtLjEyOC4wNTktLjI4OC4xMTctLjQ3NC4xNzktLjE5My4wNjItLjQwNC4xMTQtLjY0NS4xNTktLjIyOS4wNC0uNDc3LjA3Ni0uNzUzLjEwMy0uMjcuMDI3LS41NzguMDQtLjkxNy4wNHoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMjkxLjcxNiAyNC4wNDFjLS4zOTYtLjMzNi0uODU2LS41OTMtMS4zODQtLjc3MS0uNTI3LS4xOC0xLjA5LS4yNzEtMS42ODktLjI3MS0uNDczIDAtLjkxMi4wNTUtMS4zMjQuMTY3LS40MTQuMTEyLS43OTEuMjctMS4xMzUuNDczLS4zNDIuMjAyLS42NS40NDYtLjkyMi43MzMtLjI3My4yODYtLjUwMi42MDItLjY4Ni45NDktLjE4Ni4zNDctLjMzLjcyMi0uNDI4IDEuMTE5LS4xLjM5OS0uMTQ4LjgxNC0uMTQ4IDEuMjQ3IDAgLjY1Mi4xMDkgMS4yNDcuMzMyIDEuNzc2LjIxOS41MzEuNTMuOTg0LjkyOCAxLjM2MS4zOTYuMzc4Ljg3MS42NjcgMS40MTYuODcuNTQ4LjIwMiAxLjE1Mi4zMDQgMS44MDguMzA0LjMwMiAwIC41NzctLjAxMS44MjMtLjAzNS4yNDYtLjAyMy40NjgtLjA1Ni42NjQtLjA5MS4xOTUtLjAzNi4zNjYtLjA3OC41MTQtLjEyNWwuMzc1LS4xNHYtLjg1NGwtLjQ2My4xODRjLS4xNi4wNTYtLjMzNi4xMDQtLjUyMS4xNDMtLjE4OC4wMzctLjM4Ny4wNjktLjYwNC4wODktLjIxMy4wMjQtLjQ0OC4wMzQtLjcuMDM0LS41NjIgMC0xLjA2NC0uMDg4LTEuNTA5LS4yNjQtLjQ0Mi0uMTc2LS44MTYtLjQyMS0xLjEyNS0uNzMxLS4zMDktLjMxNC0uNTQ1LS42ODctLjcwOC0xLjEyNC0uMTYxLS40MzUtLjI0My0uOTEzLS4yNDMtMS40MzIgMC0uNTQ1LjA5LTEuMDUzLjI3My0xLjUyMi4xODItLjQ3MS40MzUtLjg3OS43NTgtMS4yMjUuMzI0LS4zNDUuNzA4LS42MTcgMS4xNTUtLjgxNS40NDYtLjE5Ni45MzQtLjI5NCAxLjQ1Ny0uMjk0LjQxOSAwIC43OTguMDQ0IDEuMTIyLjEzNi4zMjkuMDkxLjYyLjIxNS44NzEuMzY5LjI1NC4xNTguNDY1LjMzOS42NDMuNTQ3LjE3OS4yMDkuMzI0LjQzMi40MzguNjY3LjExMy4yMzcuMTkzLjQ4LjI0Ni43MzEuMDUxLjI1NC4wNzYuNS4wNzYuNzQxIDAgLjM0NC0uMDMzLjY1My0uMTAyLjkyNi0uMDY4LjI3NC0uMTU4LjUwMy0uMjY5LjY5NC0uMTEuMTg5LS4yMzkuMzM1LS4zODYuNDM0cy0uMjk1LjE0OC0uNDUzLjE0OGwtLjIxNS0uMDQ1Yy0uMDY2LS4wMjktLjExOS0uMDgtLjE2Ni0uMTU2LS4wNDYtLjA3NS0uMDgyLS4xNzctLjEwNy0uMzA2LS4wMjUtLjEyNi0uMDM5LS4yOTItLjAzOS0uNDkybC4wMTgtLjMyNS4wNDEtLjUzLjA1NS0uNjQ0LjA1OC0uNjQ3LjA0OC0uNTQ2LjAyNy0uMzQ0aC0uOTE5bC0uMDU0LjZoLS4wMjFjLS4wMjUtLjEwMy0uMDctLjE5NS0uMTM2LS4yODEtLjA2My0uMDgzLS4xNDEtLjE1NS0uMjMzLS4yMTYtLjA5MS0uMDYxLS4xOTMtLjEwNi0uMzA3LS4xNDEtLjExNS0uMDMzLS4yMzgtLjA0OC0uMzY5LS4wNDgtLjMzNyAwLS42NDYuMDctLjkyNC4yMTYtLjI4MS4xNDQtLjUxOC4zNDQtLjcyMS41OTktLjIwMS4yNTQtLjM1NS41NTYtLjQ2NS45MDUtLjExNS4zNS0uMTcuNzI2LS4xNyAxLjEzNCAwIC4zNDQuMDQ1LjY0NS4xMzUuOTAxLjA4OC4yNi4yMTEuNDczLjM1OS42NDYuMTUzLjE3MS4zMjkuMy41MzQuMzgyLjIuMDg2LjQxNS4xMjkuNjQxLjEyOS4xNzYgMCAuMzQyLS4wMjcuNDk5LS4wODEuMTU0LS4wNTIuMzAyLS4xMy40MzItLjIzMi4xMzQtLjEwNC4yNDgtLjIzLjM0OC0uMzguMTAyLS4xNDkuMTgyLS4zMjMuMjM2LS41MmguMDI3YzAgLjM3Ni4xMDEuNjc0LjMwNy44OTMuMjA3LjIyLjUwMi4zMy44ODkuMzMuMjkyIDAgLjU4LS4wNjQuODYzLS4xOTguMjgzLS4xMzIuNTM2LS4zMjguNzYyLS41ODYuMjIzLS4yNjIuNDA0LS41ODMuNTQzLS45NjYuMTM4LS4zODQuMjA4LS44My4yMDgtMS4zNCAwLS42MDUtLjExNy0xLjE1LS4zNDUtMS42MzQtLjIzMS0uNDgyLS41NDYtLjg5MS0uOTM5LTEuMjI1bS0yLjM2OCAzLjc3NGMtLjA1Ni4yNzctLjEzNi41MTctLjI0Ni43MTktLjEwOS4yMDMtLjI0Ni4zNjMtLjQwNy40ODEtLjE2My4xMTUtLjM1NC4xNzYtLjU3Mi4xNzYtLjEyIDAtLjIzNi0uMDI1LS4zNDQtLjA3OC0uMTA4LS4wNTItLjIwNi0uMTMtLjI4OS0uMjMyLS4wODEtLjEwMy0uMTQ4LS4yMzQtLjE5OC0uMzktLjA0Ni0uMTU2LS4wNy0uMzM3LS4wNy0uNTQ3IDAtLjIzNy4wMjctLjQ4MS4wOC0uNzI5LjA1Ni0uMjQ3LjEzNy0uNDczLjI1LS42NzcuMTA5LS4yLjI1LS4zNjMuNDE2LS40OTIuMTY1LS4xMjcuMzYxLS4xOTEuNTgyLS4xOTEuMTIzIDAgLjIzNC4wMjEuMzQuMDYzLjEwNy4wNDIuMTk4LjEwNy4yNzkuMTk2LjA4LjA4Ny4xNDUuMTk3LjE4OS4zMy4wNDMuMTM0LjA3LjI5NC4wNy40OCAwIC4zMTctLjAzMS42MTUtLjA4Ljg5MSIgZmlsbD0iI0M1QzVDNSIvPjxwYXRoIGQ9Ik0yODguNDgzIDEzYy0uNzcyIDAtMS40OTctLjEyMy0yLjE1My0uMzY1LS42NzgtLjI1My0xLjI3LS42MTctMS43Ni0xLjA4NC0uNS0uNDc1LS44OTItMS4wNDktMS4xNjMtMS43MDQtLjI2OS0uNjQ0LS40MDctMS4zNzEtLjQwNy0yLjE1OSAwLS41MTcuMDYxLTEuMDE4LjE3OC0xLjQ5LjExNi0uNDcuMjktLjkyNS41MTYtMS4zNDguMjI1LS40MjIuNTA4LS44MTUuODQ0LTEuMTY3LjMzNC0uMzUyLjcxNy0uNjU2IDEuMTM5LS45MDUuNDE2LS4yNDYuODgxLS40NCAxLjM4LS41NzYuNDkyLS4xMzQgMS4wMjUtLjIwMiAxLjU4Ni0uMjAyLjcwNSAwIDEuMzgyLjEwOSAyLjAxMy4zMjQuNjQyLjIxNyAxLjIxOC41MzggMS43MDguOTU1LjUwMS40MjUuOTAzLjk0OCAxLjE5MyAxLjU1Ni4yOTUuNjI0LjQ0MyAxLjMxNy40NDMgMi4wNjUgMCAuNjE5LS4wOSAxLjE4NS0uMjY4IDEuNjc5LS4xNzguNDkyLS40Mi45Mi0uNzIxIDEuMjc1LS4zMzEuMzc3LS42OTkuNjU4LTEuMTA0Ljg0N2wtLjA0OC4wMjJ2MS41M2wtLjU4Ny4yNjZjLS4xMjguMDU5LS4yODguMTE3LS40NzQuMTc5LS4xOTMuMDYyLS40MDQuMTE0LS42NDUuMTU5LS4yMjkuMDQtLjQ3Ny4wNzYtLjc1My4xMDMtLjI3LjAyNy0uNTc4LjA0LS45MTcuMDR6IiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTI5MS43MTYgNC4wNDFjLS4zOTYtLjMzNi0uODU2LS41OTMtMS4zODQtLjc3MS0uNTI3LS4xNzktMS4wOS0uMjctMS42ODktLjI3LS40NzMgMC0uOTEyLjA1NS0xLjMyNC4xNjctLjQxNC4xMTItLjc5MS4yNy0xLjEzNS40NzMtLjM0Mi4yMDItLjY1LjQ0Ni0uOTIyLjczMy0uMjczLjI4Ni0uNTAyLjYwMi0uNjg2Ljk0OS0uMTg2LjM0Ny0uMzMuNzIyLS40MjggMS4xMTktLjA5OS40LS4xNDguODE1LS4xNDggMS4yNDcgMCAuNjUyLjEwOSAxLjI0Ny4zMzIgMS43NzYuMjE5LjUzMS41My45ODQuOTI4IDEuMzYxLjM5Ni4zNzguODcxLjY2NyAxLjQxNi44Ny41NDguMjAyIDEuMTUyLjMwNCAxLjgwOC4zMDQuMzAyIDAgLjU3Ny0uMDExLjgyMy0uMDM1LjI0Ni0uMDIzLjQ2OC0uMDU2LjY2NC0uMDkxLjE5NS0uMDM2LjM2Ni0uMDc4LjUxNC0uMTI1bC4zNzUtLjE0di0uODU0bC0uNDYzLjE4NGMtLjE2LjA1Ni0uMzM2LjEwNC0uNTIxLjE0My0uMTg4LjAzNy0uMzg3LjA2OS0uNjA0LjA4OS0uMjEzLjAyNC0uNDQ4LjAzNC0uNy4wMzQtLjU2MiAwLTEuMDY0LS4wODgtMS41MDktLjI2NC0uNDQyLS4xNzYtLjgxNi0uNDIxLTEuMTI1LS43MzEtLjMwOS0uMzE0LS41NDUtLjY4Ny0uNzA4LTEuMTI0LS4xNjEtLjQzNS0uMjQzLS45MTMtLjI0My0xLjQzMiAwLS41NDUuMDktMS4wNTMuMjczLTEuNTIyLjE4Mi0uNDcxLjQzNS0uODc5Ljc1OC0xLjIyNS4zMjQtLjM0NS43MDgtLjYxNyAxLjE1NS0uODE1LjQ0Ni0uMTk2LjkzNC0uMjk0IDEuNDU3LS4yOTQuNDE5IDAgLjc5OC4wNDQgMS4xMjIuMTM2LjMyOS4wOTEuNjIuMjE1Ljg3MS4zNjkuMjU0LjE1OC40NjUuMzM5LjY0My41NDcuMTc5LjIwOS4zMjQuNDMyLjQzOC42NjcuMTEzLjIzNy4xOTMuNDguMjQ2LjczMS4wNTEuMjU0LjA3Ni41LjA3Ni43NDEgMCAuMzQ0LS4wMzMuNjUzLS4xMDIuOTI2LS4wNjguMjc0LS4xNTguNTAzLS4yNjkuNjk0LS4xMS4xODktLjIzOS4zMzUtLjM4Ni40MzRzLS4yOTUuMTQ4LS40NTMuMTQ4bC0uMjE1LS4wNDVjLS4wNjYtLjAyOS0uMTE5LS4wOC0uMTY2LS4xNTYtLjA0Ni0uMDc1LS4wODItLjE3Ny0uMTA3LS4zMDYtLjAyNS0uMTI2LS4wMzktLjI5Mi0uMDM5LS40OTJsLjAxOC0uMzI1LjA0MS0uNTMuMDU1LS42NDQuMDU4LS42NDcuMDQ4LS41NDYuMDI3LS4zNDRoLS45MTlsLS4wNTQuNmgtLjAyMWMtLjAyNS0uMTAzLS4wNy0uMTk1LS4xMzYtLjI4MS0uMDYzLS4wODMtLjE0MS0uMTU1LS4yMzMtLjIxNi0uMDkxLS4wNjEtLjE5My0uMTA2LS4zMDctLjE0MS0uMTE1LS4wMzMtLjIzOC0uMDQ4LS4zNjktLjA0OC0uMzM3IDAtLjY0Ni4wNy0uOTI0LjIxNi0uMjgxLjE0NC0uNTE4LjM0NC0uNzIxLjU5OS0uMjAxLjI1NC0uMzU1LjU1Ni0uNDY1LjkwNS0uMTE1LjM1LS4xNy43MjYtLjE3IDEuMTM0IDAgLjM0NC4wNDUuNjQ1LjEzNS45MDEuMDg4LjI2LjIxMS40NzMuMzU5LjY0Ni4xNTMuMTcxLjMyOS4zLjUzNC4zODIuMi4wODYuNDE1LjEyOS42NDEuMTI5LjE3NiAwIC4zNDItLjAyNy40OTktLjA4MS4xNTQtLjA1Mi4zMDItLjEzLjQzMi0uMjMyLjEzNC0uMTA0LjI0OC0uMjMuMzQ4LS4zOC4xMDItLjE0OS4xODItLjMyMy4yMzYtLjUyaC4wMjdjMCAuMzc2LjEwMS42NzQuMzA3Ljg5My4yMDcuMjIuNTAyLjMzLjg4OS4zMy4yOTIgMCAuNTgtLjA2NC44NjMtLjE5OC4yODMtLjEzMi41MzYtLjMyOC43NjItLjU4Ni4yMjMtLjI2Mi40MDQtLjU4My41NDMtLjk2Ni4xMzgtLjM4NS4yMDgtLjgzMS4yMDgtMS4zNDEgMC0uNjA1LS4xMTctMS4xNS0uMzQ1LTEuNjM0LS4yMzEtLjQ4Mi0uNTQ2LS44OTEtLjkzOS0xLjIyNW0tMi4zNjggMy43NzRjLS4wNTYuMjc3LS4xMzYuNTE3LS4yNDYuNzE5LS4xMDkuMjAzLS4yNDYuMzYzLS40MDcuNDgxLS4xNjMuMTE1LS4zNTQuMTc2LS41NzIuMTc2LS4xMiAwLS4yMzYtLjAyNS0uMzQ0LS4wNzgtLjEwOC0uMDUyLS4yMDYtLjEzLS4yODktLjIzMi0uMDgxLS4xMDMtLjE0OC0uMjM0LS4xOTgtLjM5LS4wNDYtLjE1Ni0uMDctLjMzNy0uMDctLjU0NyAwLS4yMzcuMDI3LS40ODEuMDgtLjcyOS4wNTYtLjI0Ny4xMzctLjQ3My4yNS0uNjc3LjEwOS0uMi4yNS0uMzYzLjQxNi0uNDkyLjE2NS0uMTI3LjM2MS0uMTkxLjU4Mi0uMTkxLjEyMyAwIC4yMzQuMDIxLjM0LjA2My4xMDcuMDQyLjE5OC4xMDcuMjc5LjE5Ni4wOC4wODcuMTQ1LjE5Ny4xODkuMzMuMDQzLjEzNC4wNy4yOTQuMDcuNDggMCAuMzE3LS4wMzEuNjE1LS4wOC44OTEiIGZpbGw9IiM0MjQyNDIiLz48cGF0aCBkPSJNMjY0IDM3di0xNGg4LjYyNWwzLjM3NSAzLjU1NnYxMC40NDRoLTEyeiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yNzIgMjRoLTd2MTJoMTB2LTlsLTMtM3ptMiAxMWgtOHYtMTBoNXYzaDN2N3oiIGZpbGw9IiNDNUM1QzUiLz48cG9seWdvbiBwb2ludHM9IjI2NiwyNSAyNzEsMjUgMjcxLDI4IDI3NCwyOCAyNzQsMzUgMjY2LDM1IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTI2NCAxN3YtMTRoOC42MjVsMy4zNzUgMy41NTZ2MTAuNDQ0aC0xMnoiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNMjcyIDRoLTd2MTJoMTB2LTlsLTMtM3ptMiAxMWgtOHYtMTBoNXYzaDN2N3oiIGZpbGw9IiM0MjQyNDIiLz48cG9seWdvbiBwb2ludHM9IjI2Niw1IDI3MSw1IDI3MSw4IDI3NCw4IDI3NCwxNSAyNjYsMTUiIGZpbGw9IiNGMEVGRjEiLz48cG9seWdvbiBwb2ludHM9IjI0NywzNCAyNDcsMzAgMjQ1LDMwIDI0NSwyNiAyNTUsMjYgMjU1LDM0IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTI1NCAyOWgtOHYtMmg4djJ6bTAgMWgtNnYxaDZ2LTF6bTAgMmgtNnYxaDZ2LTF6IiBmaWxsPSIjQzVDNUM1Ii8+PHBvbHlnb24gcG9pbnRzPSIyNDcsMTQgMjQ3LDEwIDI0NSwxMCAyNDUsNiAyNTUsNiAyNTUsMTQiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNMjU0IDloLTh2LTJoOHYyem0wIDFoLTZ2MWg2di0xem0wIDJoLTZ2MWg2di0xeiIgZmlsbD0iIzQyNDI0MiIvPjxwYXRoIGQ9Ik0yMzAuNSAyMmMtNC4xNDMgMC03LjUgMy4zNTctNy41IDcuNXMzLjM1NyA3LjUgNy41IDcuNSA3LjUtMy4zNTcgNy41LTcuNS0zLjM1Ny03LjUtNy41LTcuNXptMCAxMWMtMS45MzMgMC0zLjUtMS41NjYtMy41LTMuNXMxLjU2Ny0zLjUgMy41LTMuNSAzLjUgMS41NjYgMy41IDMuNS0xLjU2NyAzLjUtMy41IDMuNXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMjI0LjAyNSAyOWMuMTA4LTEuNDE4LjY2OS0yLjcwOCAxLjU0Mi0zLjcyNmwxLjQzMSAxLjQzMWMtLjUxNi42NDYtLjg1MSAxLjQzLS45NDcgMi4yOTVoLTIuMDI2em0yLjk3MyAzLjI5NWMtLjUxNi0uNjQ2LS44NTEtMS40My0uOTQ3LTIuMjk1aC0yLjAyNWMuMTA4IDEuNDE4LjY2OSAyLjcwNyAxLjU0MiAzLjcyNmwxLjQzLTEuNDMxem00LjAwMi05LjI3djIuMDI1Yy44NjUuMDk3IDEuNjQ5LjQzMiAyLjI5NS45NDdsMS40MzEtMS40MzFjLTEuMDE4LS44NzItMi4zMDgtMS40MzItMy43MjYtMS41NDF6bS0zLjI5NSAyLjk3M2MuNjQ2LS41MTYgMS40My0uODUxIDIuMjk1LS45NDd2LTIuMDI1Yy0xLjQxOC4xMDgtMi43MDguNjY5LTMuNzI2IDEuNTQybDEuNDMxIDEuNDN6bTYuMjk3LjcwN2MuNTE2LjY0Ni44NTEgMS40My45NDcgMi4yOTVoMi4wMjVjLS4xMDgtMS40MTgtLjY2OS0yLjcwOC0xLjU0Mi0zLjcyNmwtMS40MyAxLjQzMXptLTQuMDAyIDcuMjQ0Yy0uODY1LS4wOTctMS42NDktLjQzMi0yLjI5NS0uOTQ3bC0xLjQzMSAxLjQzMWMxLjAxOC44NzMgMi4zMDcgMS40MzQgMy43MjYgMS41NDJ2LTIuMDI2em00Ljk0OS0zLjk0OWMtLjA5Ny44NjUtLjQzMiAxLjY0OC0uOTQ3IDIuMjk1bDEuNDMxIDEuNDMxYy44NzMtMS4wMTkgMS40MzQtMi4zMDggMS41NDItMy43MjZoLTIuMDI2em0tMS42NTQgMy4wMDJjLS42NDYuNTE2LTEuNDMuODUxLTIuMjk1Ljk0N3YyLjAyNWMxLjQxOS0uMTA4IDIuNzA4LS42NjkgMy43MjYtMS41NDJsLTEuNDMxLTEuNDN6IiBmaWxsPSIjQzVDNUM1Ii8+PHBhdGggZD0iTTIzMC41IDJjLTQuMTQzIDAtNy41IDMuMzU4LTcuNSA3LjUgMCA0LjE0MyAzLjM1NyA3LjUgNy41IDcuNXM3LjUtMy4zNTcgNy41LTcuNWMwLTQuMTQyLTMuMzU3LTcuNS03LjUtNy41em0wIDExYy0xLjkzMyAwLTMuNS0xLjU2Ni0zLjUtMy41IDAtMS45MzMgMS41NjctMy41IDMuNS0zLjVzMy41IDEuNTY3IDMuNSAzLjVjMCAxLjkzNC0xLjU2NyAzLjUtMy41IDMuNXoiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNMjI0LjAyNSA5Yy4xMDgtMS40MTguNjY5LTIuNzA4IDEuNTQyLTMuNzI2bDEuNDMxIDEuNDMxYy0uNTE2LjY0Ni0uODUxIDEuNDMtLjk0NyAyLjI5NGgtMi4wMjZ6bTIuOTczIDMuMjk1Yy0uNTE2LS42NDYtLjg1MS0xLjQzLS45NDctMi4yOTVoLTIuMDI1Yy4xMDggMS40MTguNjY5IDIuNzA3IDEuNTQyIDMuNzI2bDEuNDMtMS40MzF6bTQuMDAyLTkuMjd2Mi4wMjVjLjg2NS4wOTcgMS42NDkuNDMyIDIuMjk1Ljk0OGwxLjQzMS0xLjQzMWMtMS4wMTgtLjg3My0yLjMwOC0xLjQzMy0zLjcyNi0xLjU0MnptLTMuMjk1IDIuOTc0Yy42NDYtLjUxNiAxLjQzLS44NTEgMi4yOTUtLjk0OHYtMi4wMjZjLTEuNDE4LjEwOC0yLjcwOC42NjktMy43MjYgMS41NDJsMS40MzEgMS40MzJ6bTYuMjk3LjcwN2MuNTE2LjY0Ni44NTEgMS40My45NDcgMi4yOTRoMi4wMjVjLS4xMDgtMS40MTgtLjY2OS0yLjcwOC0xLjU0Mi0zLjcyNmwtMS40MyAxLjQzMnptLTQuMDAyIDcuMjQzYy0uODY1LS4wOTctMS42NDktLjQzMi0yLjI5NS0uOTQ3bC0xLjQzMSAxLjQzMWMxLjAxOC44NzMgMi4zMDcgMS40MzQgMy43MjYgMS41NDJ2LTIuMDI2em00Ljk0OS0zLjk0OWMtLjA5Ny44NjUtLjQzMiAxLjY0OC0uOTQ3IDIuMjk1bDEuNDMxIDEuNDMxYy44NzMtMS4wMTkgMS40MzQtMi4zMDggMS41NDItMy43MjZoLTIuMDI2em0tMS42NTQgMy4wMDJjLS42NDYuNTE2LTEuNDMuODUxLTIuMjk1Ljk0N3YyLjAyNWMxLjQxOS0uMTA4IDIuNzA4LS42NjkgMy43MjYtMS41NDJsLTEuNDMxLTEuNDN6IiBmaWxsPSIjNDI0MjQyIi8+PHJlY3QgeD0iMjAyIiB5PSIyMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTIwMyAyNHYxMmgxNHYtMTJoLTE0em0xMyAxMWgtMTJ2LTEwaDEydjEwem0tNi03di0xaC0xdjVoM3YtNGgtMnptMSAzaC0xdi0yaDF2MnptMy0ydjJoMXYxaC0ydi00aDJ2MWgtMXptLTYtMXY0aC0zdi0yaDF2MWgxdi0xaC0xdi0xaC0xdi0xaDN6IiBmaWxsPSIjQzVDNUM1Ii8+PHBhdGggZD0iTTIxMCAyOWgxdjJoLTF2LTJ6bS0zIDJ2LTFoLTF2MWgxem05LTZ2MTBoLTEydi0xMGgxMnptLTggM2gtM3YxaDF2MWgtMXYyaDN2LTR6bTQgMGgtMnYtMWgtMXY1aDN2LTR6bTMgMGgtMnY0aDJ2LTFoLTF2LTJoMXYtMXoiIGZpbGw9IiMyRDJEMkQiLz48cmVjdCB4PSIyMDIiIHk9IjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgZmlsbD0iI0YzRjNGMyIvPjxwYXRoIGQ9Ik0yMDMgNHYxMmgxNHYtMTJoLTE0em0xMyAxMWgtMTJ2LTEwaDEydjEwem0tNi03di0xaC0xdjVoM3YtNGgtMnptMSAzaC0xdi0yaDF2MnptMy0ydjJoMXYxaC0ydi00aDJ2MWgtMXptLTYtMXY0aC0zdi0yaDF2MWgxdi0xaC0xdi0xaC0xdi0xaDN6IiBmaWxsPSIjNDI0MjQyIi8+PHBhdGggZD0iTTIxMCA5aDF2MmgtMXYtMnptLTMgMnYtMWgtMXYxaDF6bTktNnYxMGgtMTJ2LTEwaDEyem0tOCAzaC0zdjFoMXYxaC0xdjJoM3YtNHptNCAwaC0ydi0xaC0xdjVoM3YtNHptMyAwaC0ydjRoMnYtMWgtMXYtMmgxdi0xeiIgZmlsbD0iI0YwRUZGMSIvPjxwYXRoIGQ9Ik0xOTYuNjUyIDMyLjVjLjgxMS0uNTM3IDEuMzQ4LTEuNDU3IDEuMzQ4LTIuNSAwLTEuNjU0LTEuMzQ2LTMtMy0zLS43NzEgMC0xLjQ2OC4zMDEtMiAuNzc5di01Ljc3OWgtMTF2MTJoMy43NjRsLTEuNDUyLjcyNyAxLjQ4MSAxLjQ4Yy4zMjIuMzIyLjgwMy41IDEuMzU0LjUuNDM2IDAgLjg5Ny0uMTExIDEuMzAxLS4zMTNsMy4xNDQtMS41NzJjLjEzNC4wNTMuMjcxLjA5OC40MTQuMTI3bC0uMDA1LjA1MWMwIDEuNjU0IDEuMzQ2IDMgMyAzczMtMS4zNDYgMy0zYy0uMDAxLTEuMDQzLS41MzgtMS45NjMtMS4zNDktMi41eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0xOTUgMzNjLS4yOTMgMC0uNTY5LjA2Ni0uODIuMThsLS4yNS0uMjVjLjA0Mi0uMTM3LjA3LS4yNzkuMDctLjQzcy0uMDI4LS4yOTMtLjA3LS40M2wuMjUtLjI1Yy4yNTEuMTEzLjUyNy4xOC44Mi4xOCAxLjEwNCAwIDItLjg5NiAyLTIgMC0xLjEwNS0uODk2LTItMi0ycy0yIC44OTUtMiAyYzAgLjI5My4wNjYuNTY4LjE4LjgybC0uMjUuMjVjLS4xMzctLjA0My0uMjc5LS4wNy0uNDMtLjA3LS4zMzcgMC0uNjQ1LjExNS0uODk1LjMwM2wtMi42MDctMS4zMDUtLjk5OS0uNWMtLjU1Mi0uMjc1LTEuMjIzLS4yNzUtMS40OTkuMDAybC0uNS41IDUgMi41LTUgMi41LjUuNWMuMjc2LjI3NS45NDcuMjc1IDEuNSAwbDEtLjUgMi42MDUtMS4zMDNjLjI1LjE4OC41NTguMzAzLjg5NS4zMDMuMTUgMCAuMjkzLS4wMjkuNDMtLjA3bC4yNS4yNWMtLjExNC4yNS0uMTguNTI3LS4xOC44MiAwIDEuMTA0Ljg5NiAyIDIgMnMyLS44OTYgMi0yYzAtMS4xMDUtLjg5Ni0yLTItMnptMC00Yy41NTMgMCAxIC40NDcgMSAxIDAgLjU1MS0uNDQ3IDEtMSAxcy0xLS40NDktMS0xYzAtLjU1My40NDctMSAxLTF6bS0yLjUgNGMtLjI3NiAwLS41LS4yMjUtLjUtLjUgMC0uMjc3LjIyNC0uNS41LS41cy41LjIyMy41LjVjMCAuMjc1LS4yMjQuNS0uNS41em0yLjUgM2MtLjU1MyAwLTEtLjQ0OS0xLTEgMC0uNTUzLjQ0Ny0xIDEtMXMxIC40NDcgMSAxYzAgLjU1MS0uNDQ3IDEtMSAxem0tMy0xM3Y3LjA1MWMtLjE0Mi4wMjktLjI3OS4wNy0uNDEzLjEyM2wtLjU4Ny0uMTc0di02aC03djdoLTF2LThoOXptLTggMTBoLTF2LTFoMXYxem0yLTFoLTF2MWgxdi0xem0yIDBoLTF2MWgxdi0xeiIgZmlsbD0iI0M1QzVDNSIvPjxwYXRoIGQ9Ik0xODUuNzkzIDI4Ljc5M2wtMS43OTMgMS4yMDd2LTZoN3Y1LjM4MWwtMi41NTQtLjc3N2MtLjgxNi0uNDA5LTEuOTktLjQ3NS0yLjY1My4xODl6bS0uNzkzIDIuMjA3aC43NjRsLS43NjQtLjM4M3YuMzgzem0xMSA0YzAgLjU1MS0uNDQ3IDEtMSAxcy0xLS40NDktMS0xYzAtLjU1My40NDctMSAxLTFzMSAuNDQ3IDEgMXptLTMuNS0zYy0uMjc2IDAtLjUuMjIzLS41LjUgMCAuMjc1LjIyNC41LjUuNXMuNS0uMjI1LjUtLjVjMC0uMjc3LS4yMjQtLjUtLjUtLjV6bTIuNS0zYy0uNTUzIDAtMSAuNDQ3LTEgMSAwIC41NTEuNDQ3IDEgMSAxczEtLjQ0OSAxLTFjMC0uNTUzLS40NDctMS0xLTF6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTE5Ni42NTIgMTIuNWMuODExLS41MzggMS4zNDgtMS40NTggMS4zNDgtMi41IDAtMS42NTQtMS4zNDYtMy0zLTMtLjc3MSAwLTEuNDY4LjMwMS0yIC43Nzl2LTUuNzc5aC0xMXYxMmgzLjc2NGwtMS40NTIuNzI3IDEuNDgxIDEuNDhjLjMyMi4zMjIuODAzLjUgMS4zNTQuNS40MzYgMCAuODk3LS4xMTEgMS4zMDEtLjMxM2wzLjE0NC0xLjU3MmMuMTM0LjA1My4yNzEuMDk4LjQxNC4xMjdsLS4wMDUuMDUxYzAgMS42NTQgMS4zNDYgMyAzIDNzMy0xLjM0NiAzLTNjLS4wMDEtMS4wNDMtLjUzOC0xLjk2My0xLjM0OS0yLjV6IiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTE5NSAxM2MtLjI5MyAwLS41NjkuMDY2LS44Mi4xOGwtLjI1LS4yNWMuMDQyLS4xMzcuMDctLjI3OS4wNy0uNDNzLS4wMjgtLjI5My0uMDctLjQzbC4yNS0uMjVjLjI1MS4xMTMuNTI3LjE4LjgyLjE4IDEuMTA0IDAgMi0uODk2IDItMiAwLTEuMTA1LS44OTYtMi0yLTJzLTIgLjg5NS0yIDJjMCAuMjkzLjA2Ni41NjguMTguODJsLS4yNS4yNWMtLjEzNy0uMDQzLS4yNzktLjA3LS40My0uMDctLjMzNyAwLS42NDUuMTE1LS44OTUuMzAzbC0yLjYwNy0xLjMwNC0uOTk5LS41Yy0uNTUyLS4yNzUtMS4yMjMtLjI3NS0xLjQ5OS4wMDJsLS41LjQ5OSA1IDIuNS01IDIuNS41LjVjLjI3Ni4yNzUuOTQ3LjI3NSAxLjUgMGwxLS41IDIuNjA1LTEuMzAzYy4yNS4xODguNTU4LjMwMy44OTUuMzAzLjE1IDAgLjI5My0uMDI5LjQzLS4wN2wuMjUuMjVjLS4xMTMuMjUtLjE4LjUyNy0uMTguODIgMCAxLjEwNC44OTYgMiAyIDJzMi0uODk2IDItMmMwLTEuMTA2LS44OTYtMi0yLTJ6bTAtNGMuNTUzIDAgMSAuNDQ3IDEgMSAwIC41NTEtLjQ0NyAxLTEgMXMtMS0uNDQ5LTEtMWMwLS41NTMuNDQ3LTEgMS0xem0tMi41IDRjLS4yNzYgMC0uNS0uMjI1LS41LS41IDAtLjI3Ny4yMjQtLjUuNS0uNXMuNS4yMjMuNS41YzAgLjI3NS0uMjI0LjUtLjUuNXptMi41IDNjLS41NTMgMC0xLS40NDktMS0xIDAtLjU1My40NDctMSAxLTFzMSAuNDQ3IDEgMWMwIC41NS0uNDQ3IDEtMSAxem0tMy0xM3Y3LjA1MWMtLjE0Mi4wMjktLjI3OS4wNy0uNDEzLjEyM2wtLjU4Ny0uMTc0di02aC03djdoLTF2LThoOXptLTggMTBoLTF2LTFoMXYxem0yLTFoLTF2MWgxdi0xem0yIDBoLTF2MWgxdi0xeiIgZmlsbD0iIzQyNDI0MiIvPjxwYXRoIGQ9Ik0xODUuNzkzIDguNzkzbC0xLjc5MyAxLjIwN3YtNmg3djUuMzgxbC0yLjU1NC0uNzc3Yy0uODE2LS40MDktMS45OS0uNDc1LTIuNjUzLjE4OXptLS43OTMgMi4yMDdoLjc2NGwtLjc2NC0uMzgzdi4zODN6bTExIDRjMCAuNTUxLS40NDcgMS0xIDFzLTEtLjQ0OS0xLTFjMC0uNTUzLjQ0Ny0xIDEtMXMxIC40NDcgMSAxem0tMy41LTNjLS4yNzYgMC0uNS4yMjMtLjUuNSAwIC4yNzUuMjI0LjUuNS41cy41LS4yMjUuNS0uNWMwLS4yNzgtLjIyNC0uNS0uNS0uNXptMi41LTNjLS41NTMgMC0xIC40NDctMSAxIDAgLjU1MS40NDcgMSAxIDFzMS0uNDQ5IDEtMWMwLS41NTMtLjQ0Ny0xLTEtMXoiIGZpbGw9IiNGMEVGRjEiLz48cGF0aCBkPSJNMTc4IDI3di0zaC03di0xaC05djE0aDEzdi0zaDN2LTNoLTF2LTNoLTZ2LTFoN3ptLTggN3YtM2gxdjNoLTF6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTE3NyAyNmgtNXYtMWg1djF6bS0xIDNoLTJ2MWgydi0xem0tNCAwaC05djFoOXYtMXptMiA2aC0xMXYxaDExdi0xem0tNS0zaC02djFoNnYtMXptOCAwaC01djFoNXYtMXptLTctOHYzaC03di0zaDd6bS0xIDFoLTV2MWg1di0xeiIgZmlsbD0iI0M1QzVDNSIvPjxyZWN0IHg9IjE2NCIgeT0iMjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMTc4IDd2LTNoLTd2LTFoLTl2MTRoMTN2LTNoM3YtM2gtMXYtM2gtNnYtMWg3em0tOCA3di0zaDF2M2gtMXoiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNMTc3IDZoLTV2LTFoNXYxem0tMSAzaC0ydjFoMnYtMXptLTQgMGgtOXYxaDl2LTF6bTIgNmgtMTF2MWgxMXYtMXptLTUtM2gtNnYxaDZ2LTF6bTggMGgtNXYxaDV2LTF6bS03LTh2M2gtN3YtM2g3em0tMSAxaC01djFoNXYtMXoiIGZpbGw9IiM0MjQyNDIiLz48cmVjdCB4PSIxNjQiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiIGZpbGw9IiNGMEVGRjEiLz48cG9seWdvbiBwb2ludHM9IjE1NC40MTQsMjQgMTQ5LjU4NiwyNCAxNDgsMjUuNTg2IDE0OCwyOCAxNDQsMjggMTQ0LDM1IDE1MiwzNSAxNTIsMzEgMTU0LjQxNCwzMSAxNTYsMjkuNDE0IDE1NiwyNS41ODYiIGZpbGw9IiMyRDJEMkQiLz48ZyBmaWxsPSIjNzVCRUZGIj48cGF0aCBkPSJNMTU0IDI1aC00bC0xIDF2Mmg1djFoLTJ2MWgybDEtMXYtM2wtMS0xem0wIDJoLTR2LTFoNHYxek0xNDUgMzRoNnYtNWgtNnY1em0xLTNoNHYxaC00di0xeiIvPjwvZz48ZyBmaWxsPSIjMkQyRDJEIj48cmVjdCB4PSIxNDYiIHk9IjMxIiB3aWR0aD0iNCIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUwIiB5PSIyNiIgd2lkdGg9IjQiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE1MiIgeT0iMjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz48L2c+PHBvbHlnb24gcG9pbnRzPSIxNTQuNDE0LDQgMTQ5LjU4Niw0IDE0OCw1LjU4NiAxNDgsOCAxNDQsOCAxNDQsMTUgMTUyLDE1IDE1MiwxMSAxNTQuNDE0LDExIDE1Niw5LjQxNCAxNTYsNS41ODYiIGZpbGw9IiNGM0YzRjMiLz48ZyBmaWxsPSIjMDA1MzlDIj48cGF0aCBkPSJNMTU0IDVoLTRsLTEgMXYyaDV2MWgtMnYxaDJsMS0xdi0zbC0xLTF6bTAgMmgtNHYtMWg0djF6TTE0NSAxNGg2di01aC02djV6bTEtM2g0djFoLTR2LTF6Ii8+PC9nPjxnIGZpbGw9IiNGMEVGRjEiPjxyZWN0IHg9IjE0NiIgeT0iMTEiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTAiIHk9IjYiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz48L2c+PHBhdGggZD0iTTEzOCAyNGgtMTV2NGgtMXY4aDh2LTZoOHYtNnptLTExIDloLTJ2LTJoMnYyeiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0xMzcgMjloLTd2LTFoLTZ2LTNoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXY0em0tMTIgMXYtMWgtMnY2aDJ2LTFoLTF2LTRoMXptMiA0djFoMnYtNmgtMnYxaDF2NGgtMXoiIGZpbGw9IiNDNUM1QzUiLz48cGF0aCBkPSJNMTI1IDI3di0yaDF2MmgtMXptMyAwdi0yaC0xdjJoMXptMiAwdi0yaC0xdjJoMXptMiAwdi0yaC0xdjJoMXptMiAwdi0yaC0xdjJoMXptMiAwdi0yaC0xdjJoMXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMTM4IDRoLTE1djRoLTF2OGg4di02aDh2LTZ6bS0xMSA5aC0ydi0yaDJ2MnoiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNMTM3IDloLTd2LTFoLTZ2LTNoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXYyaDF2LTJoMXY0em0tMTIgMXYtMWgtMnY2aDJ2LTFoLTF2LTRoMXptMiA0djFoMnYtNmgtMnYxaDF2NGgtMXoiIGZpbGw9IiM0MjQyNDIiLz48cGF0aCBkPSJNMTI1IDd2LTJoMXYyaC0xem0zIDB2LTJoLTF2Mmgxem0yIDB2LTJoLTF2Mmgxem0yIDB2LTJoLTF2Mmgxem0yIDB2LTJoLTF2Mmgxem0yIDB2LTJoLTF2MmgxeiIgZmlsbD0iI0YwRUZGMSIvPjxwYXRoIGQ9Ik0xMTAuNDQ5IDIzYy0xLjYzNyAwLTMuMDc1Ljc5Ny0zLjk4NyAyLjAxMmwuMDAxLjAwMmMtLjYyOC44MzYtMS4wMTQgMS44NjMtMS4wMTQgMi45ODYgMCAuNDY5LjA2Ny45MzMuMiAxLjM4NWwtMi45MDcgMi45MDhjLS42ODcuNjg2LTEuMjUzIDIuMTYxIDAgMy40MTQuNjA5LjYwOSAxLjI0NC43MzYgMS42Ny43MzYuOTU4IDAgMS42MjEtLjYxMyAxLjc0NC0uNzM2bDIuOTA3LTIuOTA4Yy40NTMuMTMzLjkxNy4yMDEgMS4zODYuMjAxIDEuMTIzIDAgMi4xNDktLjM4NyAyLjk4NS0xLjAxNGwuMDAyLjAwMWMxLjIxNi0uOTEyIDIuMDEzLTIuMzUyIDIuMDEzLTMuOTg3IDAtMi43NjItMi4yMzgtNS01LTV6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTExNC4wOSAyNi4zNTlsLTIuNjQxIDIuNjQxLTItMiAyLjY0MS0yLjY0MWMtLjUwMi0uMjI3LTEuMDU1LS4zNTktMS42NDEtLjM1OS0yLjIwOSAwLTQgMS43OTEtNCA0IDAgLjU4Ni4xMzMgMS4xMzkuMzU5IDEuNjRsLTMuMzU5IDMuMzZzLTEgMSAwIDJoMmwzLjM1OS0zLjM2Yy41MDIuMjI3IDEuMDU1LjM2IDEuNjQxLjM2IDIuMjA5IDAgNC0xLjc5MSA0LTQgMC0uNTg2LS4xMzMtMS4xMzktLjM1OS0xLjY0MXoiIGZpbGw9IiNDNUM1QzUiLz48cGF0aCBkPSJNMTEwLjQ0OSAzYy0xLjYzNyAwLTMuMDc1Ljc5Ny0zLjk4NyAyLjAxMmwuMDAxLjAwMmMtLjYyOC44MzYtMS4wMTQgMS44NjMtMS4wMTQgMi45ODYgMCAuNDY5LjA2Ny45MzMuMiAxLjM4NWwtMi45MDcgMi45MDhjLS42ODcuNjg2LTEuMjUzIDIuMTYxIDAgMy40MTQuNjA5LjYwOSAxLjI0NC43MzYgMS42Ny43MzYuOTU4IDAgMS42MjEtLjYxMyAxLjc0NC0uNzM2bDIuOTA3LTIuOTA4Yy40NTMuMTMzLjkxNy4yMDEgMS4zODYuMjAxIDEuMTIzIDAgMi4xNDktLjM4NyAyLjk4NS0xLjAxNGwuMDAyLjAwMWMxLjIxNi0uOTEyIDIuMDEzLTIuMzUyIDIuMDEzLTMuOTg3IDAtMi43NjItMi4yMzgtNS01LTV6IiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTExNC4wOSA2LjM1OWwtMi42NDEgMi42NDEtMi0yIDIuNjQxLTIuNjQxYy0uNTAyLS4yMjYtMS4wNTUtLjM1OS0xLjY0MS0uMzU5LTIuMjA5IDAtNCAxLjc5MS00IDQgMCAuNTg2LjEzMyAxLjEzOS4zNTkgMS42NGwtMy4zNTkgMy4zNnMtMSAxIDAgMmgybDMuMzU5LTMuMzZjLjUwMi4yMjcgMS4wNTUuMzYgMS42NDEuMzYgMi4yMDkgMCA0LTEuNzkxIDQtNCAwLS41ODYtLjEzMy0xLjEzOS0uMzU5LTEuNjQxeiIgZmlsbD0iIzQyNDI0MiIvPjxwYXRoIGQ9Ik04OSAzM2gxdi0xYzAtLjUzNy43NDEtMS42MTMgMS0yLS4yNTktLjM4OS0xLTEuNDY3LTEtMnYtMWgtMXYtM2gxYzEuOTY5LjAyMSAzIDEuMjc3IDMgM3YxbDEgMXYybC0xIDF2MWMwIDEuNzA5LTEuMDMxIDIuOTc5LTMgM2gtMXYtM3ptLTIgMGgtMXYtMWMwLS41MzctLjc0MS0xLjYxMy0xLTIgLjI1OS0uMzg5IDEtMS40NjcgMS0ydi0xaDF2LTNoLTFjLTEuOTY5LjAyMS0zIDEuMjc3LTMgM3YxbC0xIDF2MmwxIDF2MWMwIDEuNzA5IDEuMzE3IDIuOTc5IDMuMjg2IDNoLjcxNHYtM3oiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNOTEgMzN2LTFjMC0uODM0LjQ5Ni0xLjczOCAxLTItLjUwNC0uMjctMS0xLjE2OC0xLTJ2LTFjMC0uODQtLjU4NC0xLTEtMXYtMWMyLjA4MyAwIDIgMS4xNjYgMiAydjFjMCAuOTY5LjcwMy45OCAxIDF2MmMtLjMyMi4wMi0xIC4wNTMtMSAxdjFjMCAuODM0LjA4MyAyLTIgMnYtMWMuODMzIDAgMS0xIDEtMXptLTYgMHYtMWMwLS44MzQtLjQ5Ni0xLjczOC0xLTIgLjUwNC0uMjcgMS0xLjE2OCAxLTJ2LTFjMC0uODQuNTg0LTEgMS0xdi0xYy0yLjA4MyAwLTIgMS4xNjYtMiAydjFjMCAuOTY5LS43MDMuOTgtMSAxdjJjLjMyMi4wMiAxIC4wNTMgMSAxdjFjMCAuODM0LS4wODMgMiAyIDJ2LTFjLS44MzMgMC0xLTEtMS0xeiIgZmlsbD0iI0M1QzVDNSIvPjxwYXRoIGQ9Ik04OSAxM2gxdi0xYzAtLjUzNy43NDEtMS42MTMgMS0yLS4yNTktLjM4OS0xLTEuNDY3LTEtMnYtMWgtMXYtM2gxYzEuOTY5LjAyMSAzIDEuMjc3IDMgM3YxbDEgMXYybC0xIDF2MWMwIDEuNzA5LTEuMDMxIDIuOTc5LTMgM2gtMXYtM3ptLTIgMGgtMXYtMWMwLS41MzctLjc0MS0xLjYxMy0xLTIgLjI1OS0uMzg5IDEtMS40NjcgMS0ydi0xaDF2LTNoLTFjLTEuOTY5LjAyMS0zIDEuMjc3LTMgM3YxbC0xIDF2MmwxIDF2MWMwIDEuNzA5IDEuMzE3IDIuOTc5IDMuMjg2IDNoLjcxNHYtM3oiIGZpbGw9IiNGM0YzRjMiLz48cGF0aCBkPSJNOTEgMTN2LTFjMC0uODM0LjQ5Ni0xLjczOCAxLTItLjUwNC0uMjctMS0xLjE2OC0xLTJ2LTFjMC0uODQtLjU4NC0xLTEtMXYtMWMyLjA4MyAwIDIgMS4xNjYgMiAydjFjMCAuOTY5LjcwMy45OCAxIDF2MmMtLjMyMi4wMi0xIC4wNTMtMSAxdjFjMCAuODM0LjA4MyAyLTIgMnYtMWMuODMzIDAgMS0xIDEtMXptLTYgMHYtMWMwLS44MzQtLjQ5Ni0xLjczOC0xLTIgLjUwNC0uMjcgMS0xLjE2OCAxLTJ2LTFjMC0uODQuNTg0LTEgMS0xdi0xYy0yLjA4MyAwLTIgMS4xNjYtMiAydjFjMCAuOTY5LS43MDMuOTgtMSAxdjJjLjMyMi4wMiAxIC4wNTMgMSAxdjFjMCAuODM0LS4wODMgMiAyIDJ2LTFjLS44MzMgMC0xLTEtMS0xeiIgZmlsbD0iIzQyNDI0MiIvPjxwYXRoIGQ9Ik03My41IDM0Yy0xLjkxNCAwLTMuNjAxLTEuMjQyLTQuMjI3LTNoLTEuNjgzYy0uNTI0LjkxLTEuNTAzIDEuNS0yLjU5MSAxLjUtMS42NTQgMC0zLTEuMzQ2LTMtM3MxLjM0Ni0zIDMtM2MxLjA4OCAwIDIuMDY2LjU4OCAyLjU5MSAxLjVoMS42ODNjLjYyNi0xLjc2IDIuMzEzLTMgNC4yMjctMyAyLjQ4MSAwIDQuNSAyLjAxOCA0LjUgNC41IDAgMi40OC0yLjAxOSA0LjUtNC41IDQuNXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNNzMuNSAyNmMtMS43NTkgMC0zLjIwNCAxLjMwOC0zLjQ0OSAzaC0zLjEyMmMtLjIyMy0uODYxLS45OTgtMS41LTEuOTI5LTEuNS0xLjEwNCAwLTIgLjg5NS0yIDIgMCAxLjEwNC44OTYgMiAyIDIgLjkzMSAwIDEuNzA2LS42MzkgMS45MjktMS41aDMuMTIyYy4yNDUgMS42OTEgMS42OSAzIDMuNDQ5IDMgMS45MyAwIDMuNS0xLjU3IDMuNS0zLjUgMC0xLjkzMS0xLjU3LTMuNS0zLjUtMy41em0wIDVjLS44MjcgMC0xLjUtLjY3NC0xLjUtMS41IDAtLjgyOC42NzMtMS41IDEuNS0xLjVzMS41LjY3MiAxLjUgMS41YzAgLjgyNi0uNjczIDEuNS0xLjUgMS41eiIgZmlsbD0iIzc1QkVGRiIvPjxjaXJjbGUgY3g9IjczLjUiIGN5PSIyOS41IiByPSIxLjUiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNNzMuNSAxNGMtMS45MTQgMC0zLjYwMS0xLjI0Mi00LjIyNy0zaC0xLjY4M2MtLjUyNC45MS0xLjUwMyAxLjUtMi41OTEgMS41LTEuNjU0IDAtMy0xLjM0Ni0zLTNzMS4zNDYtMyAzLTNjMS4wODggMCAyLjA2Ni41ODggMi41OTEgMS41aDEuNjgzYy42MjYtMS43NiAyLjMxMy0zIDQuMjI3LTMgMi40ODEgMCA0LjUgMi4wMTggNC41IDQuNSAwIDIuNDgtMi4wMTkgNC41LTQuNSA0LjV6IiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTczLjUgNmMtMS43NTkgMC0zLjIwNCAxLjMwOC0zLjQ0OSAzaC0zLjEyMmMtLjIyMy0uODYxLS45OTgtMS41LTEuOTI5LTEuNS0xLjEwNCAwLTIgLjg5NS0yIDIgMCAxLjEwNC44OTYgMiAyIDIgLjkzMSAwIDEuNzA2LS42MzkgMS45MjktMS41aDMuMTIyYy4yNDUgMS42OTEgMS42OSAzIDMuNDQ5IDMgMS45MyAwIDMuNS0xLjU3IDMuNS0zLjUgMC0xLjkzMS0xLjU3LTMuNS0zLjUtMy41em0wIDVjLS44MjcgMC0xLjUtLjY3NC0xLjUtMS41IDAtLjgyOC42NzMtMS41IDEuNS0xLjVzMS41LjY3MiAxLjUgMS41YzAgLjgyNi0uNjczIDEuNS0xLjUgMS41eiIgZmlsbD0iIzAwNTM5QyIvPjxjaXJjbGUgY3g9IjczLjUiIGN5PSI5LjUiIHI9IjEuNSIgZmlsbD0iI0YwRUZGMSIvPjxwYXRoIGQ9Ik01OCAyOC41ODZsLTMtMy0xLjQxNCAxLjQxNGgtMi4xNzJsMS0xLTQtNGgtLjgyOGwtNS41ODYgNS41ODZ2LjgyOGw0IDQgMi40MTQtMi40MTRoLjU4NnY1aDEuNTg2bDMgM2guODI4bDMuNTg2LTMuNTg2di0uODI4bC0yLjA4Ni0yLjA4NiAyLjA4Ni0yLjA4NnYtLjgyOHoiIGZpbGw9IiMyRDJEMkQiLz48cG9seWdvbiBwb2ludHM9IjUzLjk5OCwzMy4wMDIgNTEsMzMgNTEsMjkgNTMsMjkgNTIsMzAgNTQsMzIgNTcsMjkgNTUsMjcgNTQsMjggNDksMjggNTEsMjYgNDgsMjMgNDMsMjggNDYsMzEgNDgsMjkgNTAsMjkgNTAsMzQgNTMsMzQgNTIsMzUgNTQsMzcgNTcsMzQgNTUsMzIiIGZpbGw9IiNDMjdEMUEiLz48cGF0aCBkPSJNNTggOC41ODZsLTMtMy0xLjQxNCAxLjQxNGgtMi4xNzJsMS0xLTQtNGgtLjgyOGwtNS41ODYgNS41ODZ2LjgyOGw0IDQgMi40MTQtMi40MTRoLjU4NnY1aDEuNTg2bDMgM2guODI4bDMuNTg2LTMuNTg2di0uODI4bC0yLjA4Ni0yLjA4NiAyLjA4Ni0yLjA4NnYtLjgyOHoiIGZpbGw9IiNGM0YzRjMiLz48cG9seWdvbiBwb2ludHM9IjUzLjk5OCwxMy4wMDIgNTEsMTMgNTEsOSA1Myw5IDUyLDEwIDU0LDEyIDU3LDkgNTUsNyA1NCw4IDQ5LDggNTEsNiA0OCwzIDQzLDggNDYsMTEgNDgsOSA1MCw5IDUwLDE0IDUzLDE0IDUyLDE1IDU0LDE3IDU3LDE0IDU1LDEyIiBmaWxsPSIjQzI3RDFBIi8+PHBhdGggZD0iTTI5LjI2MyAyNGw0LjczNyAyLjM2OXY1LjIzNmwtNi43OTEgMy4zOTVoLS40MmwtNC43ODktMi4zOTV2LTUuMjM2bDYuNzM5LTMuMzY5aC41MjR6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTIzIDI4djRsNCAyIDYtM3YtNGwtNC0yLTYgM3ptNCAxbC0yLTEgNC0yIDIgMS00IDJ6IiBmaWxsPSIjNzVCRUZGIi8+PHBhdGggZD0iTTI5IDI2bDIgMS00IDItMi0xIDQtMnoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMjkuMjYzIDRsNC43MzcgMi4zNjl2NS4yMzZsLTYuNzkxIDMuMzk1aC0uNDJsLTQuNzg5LTIuMzk1di01LjIzNmw2LjczOS0zLjM2OWguNTI0eiIgZmlsbD0iI0YzRjNGMyIvPjxwYXRoIGQ9Ik0yMyA4djRsNCAyIDYtM3YtNGwtNC0yLTYgM3ptNCAxbC0yLTEgNC0yIDIgMS00IDJ6IiBmaWxsPSIjMDA1MzlDIi8+PHBhdGggZD0iTTI5IDZsMiAxLTQgMi0yLTEgNC0yeiIgZmlsbD0iI0YwRUZGMSIvPjxwb2x5Z29uIHBvaW50cz0iMiwyNy4zMDggMiwzMi42OTIgNy4yMDksMzYgNy43OTEsMzYgMTMsMzIuNjkyIDEzLDI3LjMwOCA3Ljc5MSwyNCA3LjIwOSwyNCIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik03LjUgMjVsLTQuNSAyLjg1N3Y0LjI4NWw0LjUgMi44NTggNC41LTIuODU3di00LjI4NWwtNC41LTIuODU4em0tLjUgOC40OThsLTMtMS45MDV2LTIuODE1bDMgMS45MDV2Mi44MTV6bS0yLjM1OC01LjQ5OGwyLjg1OC0xLjgxNSAyLjg1OCAxLjgxNS0yLjg1OCAxLjgxNS0yLjg1OC0xLjgxNXptNi4zNTggMy41OTNsLTMgMS45MDV2LTIuODE1bDMtMS45MDV2Mi44MTV6IiBmaWxsPSIjQjE4MEQ3Ii8+PHBvbHlnb24gcG9pbnRzPSIxMC4zNTgsMjggNy41LDI5LjgxNSA0LjY0MiwyOCA3LjUsMjYuMTg1IiBmaWxsPSIjMkQyRDJEIi8+PHBvbHlnb24gcG9pbnRzPSI0LDI4Ljc3NyA3LDMwLjY4MyA3LDMzLjQ5OCA0LDMxLjU5MyIgZmlsbD0iIzJEMkQyRCIvPjxwb2x5Z29uIHBvaW50cz0iOCwzMy40OTggOCwzMC42ODMgMTEsMjguNzc3IDExLDMxLjU5MyIgZmlsbD0iIzJEMkQyRCIvPjxwb2x5Z29uIHBvaW50cz0iMiw3LjMwOCAyLDEyLjY5MiA3LjIwOSwxNiA3Ljc5MSwxNiAxMywxMi42OTIgMTMsNy4zMDggNy43OTEsNCA3LjIwOSw0IiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTcuNSA1bC00LjUgMi44NTd2NC4yODVsNC41IDIuODU4IDQuNS0yLjg1N3YtNC4yODZsLTQuNS0yLjg1N3ptLS41IDguNDk4bC0zLTEuOTA1di0yLjgxNmwzIDEuOTA1djIuODE2em0tMi4zNTgtNS40OThsMi44NTgtMS44MTUgMi44NTggMS44MTUtMi44NTggMS44MTUtMi44NTgtMS44MTV6bTYuMzU4IDMuNTkzbC0zIDEuOTA1di0yLjgxNWwzLTEuOTA1djIuODE1eiIgZmlsbD0iIzY1MkQ5MCIvPjxwb2x5Z29uIHBvaW50cz0iMTAuMzU4LDggNy41LDkuODE1IDQuNjQyLDggNy41LDYuMTg1IiBmaWxsPSIjRjBFRkYxIi8+PHBvbHlnb24gcG9pbnRzPSI0LDguNzc3IDcsMTAuNjgzIDcsMTMuNDk4IDQsMTEuNTkzIiBmaWxsPSIjRjBFRkYxIi8+PHBvbHlnb24gcG9pbnRzPSI4LDEzLjQ5OCA4LDEwLjY4MyAxMSw4Ljc3NyAxMSwxMS41OTMiIGZpbGw9IiNGMEVGRjEiLz48L3N2Zz4=);background-repeat:no-repeat}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.constructor,.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.function,.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.method{background-position:0 -4px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.field,.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.variable{background-position:-22px -4px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.class{background-position:-43px -3px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.interface{background-position:-63px -4px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.module{background-position:-82px -4px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.property{background-position:-102px -3px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.enum{background-position:-122px -3px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.rule{background-position:-242px -4px}.monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.file{background-position:-262px -4px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.constructor,.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.function,.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.method{background-position:0 -24px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.field,.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.variable{background-position:-22px -24px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.class{background-position:-43px -23px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.interface{background-position:-63px -24px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.module{background-position:-82px -24px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.property{background-position:-102px -23px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.enum{background-position:-122px -23px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.rule{background-position:-242px -24px}.vs-dark .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.file{background-position:-262px -24px}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon{background:none;display:inline}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon:before{height:16px;width:16px;display:inline-block}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.constructor:before,.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.function:before,.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.method:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0IxODBENyIgZD0iTTUuNSAzbC00LjUgMi44NTd2NC4yODVsNC41IDIuODU4IDQuNS0yLjg1N3YtNC4yODZsLTQuNS0yLjg1N3ptLS41IDguNDk4bC0zLTEuOTA1di0yLjgxNmwzIDEuOTA1djIuODE2em0tMi4zNTgtNS40OThsMi44NTgtMS44MTUgMi44NTggMS44MTUtMi44NTggMS44MTUtMi44NTgtMS44MTV6bTYuMzU4IDMuNTkzbC0zIDEuOTA1di0yLjgxNWwzLTEuOTA1djIuODE1eiIvPjwvc3ZnPg==);margin-left:2px}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.field:before,.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.variable:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTEgNnY0bDQgMiA2LTN2LTRsLTQtMi02IDN6bTQgMWwtMi0xIDQtMiAyIDEtNCAyeiIvPjwvc3ZnPg==);margin-left:2px}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.class:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBvbHlnb24gZmlsbD0iI0U4QUI1MyIgcG9pbnRzPSIxMS45OTgsMTEuMDAyIDksMTEgOSw3IDExLDcgMTAsOCAxMiwxMCAxNSw3IDEzLDUgMTIsNiA3LDYgOSw0IDYsMSAxLDYgNCw5IDYsNyA4LDcgOCwxMiAxMSwxMiAxMCwxMyAxMiwxNSAxNSwxMiAxMywxMCIvPjwvc3ZnPg==)}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.interface:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTExLjUgNGMtMS43NTkgMC0zLjIwNCAxLjMwOC0zLjQ0OSAzaC0zLjEyMmMtLjIyMy0uODYxLS45OTgtMS41LTEuOTI5LTEuNS0xLjEwNCAwLTIgLjg5NS0yIDIgMCAxLjEwNC44OTYgMiAyIDIgLjkzMSAwIDEuNzA2LS42MzkgMS45MjktMS41aDMuMTIyYy4yNDUgMS42OTEgMS42OSAzIDMuNDQ5IDMgMS45MyAwIDMuNS0xLjU3IDMuNS0zLjUgMC0xLjkzMS0xLjU3LTMuNS0zLjUtMy41em0wIDVjLS44MjcgMC0xLjUtLjY3NC0xLjUtMS41IDAtLjgyOC42NzMtMS41IDEuNS0xLjVzMS41LjY3MiAxLjUgMS41YzAgLjgyNi0uNjczIDEuNS0xLjUgMS41eiIvPjwvc3ZnPg==)}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.module:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTkgMTF2LTFjMC0uODM0LjQ5Ni0xLjczOCAxLTItLjUwNC0uMjctMS0xLjE2OC0xLTJ2LTFjMC0uODQtLjU4NC0xLTEtMXYtMWMyLjA4MyAwIDIgMS4xNjYgMiAydjFjMCAuOTY5LjcwMy45OCAxIDF2MmMtLjMyMi4wMi0xIC4wNTMtMSAxdjFjMCAuODM0LjA4MyAyLTIgMnYtMWMuODMzIDAgMS0xIDEtMXptLTYgMHYtMWMwLS44MzQtLjQ5Ni0xLjczOC0xLTIgLjUwNC0uMjcgMS0xLjE2OCAxLTJ2LTFjMC0uODQuNTg0LTEgMS0xdi0xYy0yLjA4MyAwLTIgMS4xNjYtMiAydjFjMCAuOTY5LS43MDMuOTgtMSAxdjJjLjMyMi4wMiAxIC4wNTMgMSAxdjFjMCAuODM0LS4wODMgMiAyIDJ2LTFjLS44MzMgMC0xLTEtMS0xeiIvPjwvc3ZnPg==);margin-left:2px}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.property:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEyLjA5IDQuMzU5bC0yLjY0MSAyLjY0MS0yLTIgMi42NDEtMi42NDFjLS41MDItLjIyNi0xLjA1NS0uMzU5LTEuNjQxLS4zNTktMi4yMDkgMC00IDEuNzkxLTQgNCAwIC41ODYuMTMzIDEuMTM5LjM1OSAxLjY0bC0zLjM1OSAzLjM2cy0xIDEgMCAyaDJsMy4zNTktMy4zNmMuNTAzLjIyNiAxLjA1NS4zNiAxLjY0MS4zNiAyLjIwOSAwIDQtMS43OTEgNC00IDAtLjU4Ni0uMTMzLTEuMTM5LS4zNTktMS42NDF6Ii8+PC9zdmc+);margin-left:1px}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.enum:before,.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.value:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzc1QkVGRiI+PHBhdGggZD0iTTEyIDNoLTRsLTEgMXYyaDV2MWgtMnYxaDJsMS0xdi0zbC0xLTF6bTAgMmgtNHYtMWg0djF6TTMgMTJoNnYtNWgtNnY1em0xLTNoNHYxaC00di0xeiIvPjwvZz48L3N2Zz4=)}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.rule:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEwIDVoLTh2LTJoOHYyem0wIDFoLTZ2MWg2di0xem0wIDJoLTZ2MWg2di0xeiIvPjwvc3ZnPg==)}.hc-black .monaco-quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon.file:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTkuNjc2IDJoLTYuNjc2djEyaDEwdi05bC0zLjMyNC0zem0yLjMyNCAxMWgtOHYtMTBoNXYzaDN2N3oiLz48L3N2Zz4=)}.monaco-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,Ubuntu,Droid Sans,sans-serif}.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label{stroke-width:1.2px}.monaco-editor-hover p{margin:0}.monaco-editor.hc-black{-ms-high-contrast-adjust:none}@media screen and (-ms-high-contrast:active){.monaco-editor.vs-dark .view-overlays .current-line,.monaco-editor.vs .view-overlays .current-line{border-color:windowtext!important;border-left:0;border-right:0}.monaco-editor.vs-dark .cursor,.monaco-editor.vs .cursor{background-color:windowtext!important}.monaco-editor.vs-dark .dnd-target,.monaco-editor.vs .dnd-target{border-color:windowtext!important}.monaco-editor.vs-dark .selected-text,.monaco-editor.vs .selected-text{background-color:highlight!important}.monaco-editor.vs-dark .view-line,.monaco-editor.vs .view-line{-ms-high-contrast-adjust:none}.monaco-editor.vs-dark .view-line span,.monaco-editor.vs .view-line span{color:windowtext!important}.monaco-editor.vs-dark .view-line span.inline-selected-text,.monaco-editor.vs .view-line span.inline-selected-text{color:highlighttext!important}.monaco-editor.vs-dark .view-overlays,.monaco-editor.vs .view-overlays{-ms-high-contrast-adjust:none}.monaco-editor.vs-dark .reference-decoration,.monaco-editor.vs-dark .selectionHighlight,.monaco-editor.vs-dark .wordHighlight,.monaco-editor.vs-dark .wordHighlightStrong,.monaco-editor.vs .reference-decoration,.monaco-editor.vs .selectionHighlight,.monaco-editor.vs .wordHighlight,.monaco-editor.vs .wordHighlightStrong{border:2px dotted highlight!important;background:transparent!important;box-sizing:border-box}.monaco-editor.vs-dark .rangeHighlight,.monaco-editor.vs .rangeHighlight{background:transparent!important;border:1px dotted activeborder!important;box-sizing:border-box}.monaco-editor.vs-dark .bracket-match,.monaco-editor.vs .bracket-match{border-color:windowtext!important;background:transparent!important}.monaco-editor.vs-dark .currentFindMatch,.monaco-editor.vs-dark .findMatch,.monaco-editor.vs .currentFindMatch,.monaco-editor.vs .findMatch{border:2px dotted activeborder!important;background:transparent!important;box-sizing:border-box}.monaco-editor.vs-dark .find-widget,.monaco-editor.vs .find-widget{border:1px solid windowtext}.monaco-editor.vs-dark .monaco-list .monaco-list-row,.monaco-editor.vs .monaco-list .monaco-list-row{-ms-high-contrast-adjust:none;color:windowtext!important}.monaco-editor.vs-dark .monaco-list .monaco-list-row.focused,.monaco-editor.vs .monaco-list .monaco-list-row.focused{color:highlighttext!important;background-color:highlight!important}.monaco-editor.vs-dark .monaco-list .monaco-list-row:hover,.monaco-editor.vs .monaco-list .monaco-list-row:hover{background:transparent!important;border:1px solid highlight;box-sizing:border-box}.monaco-editor.vs-dark .monaco-tree .monaco-tree-row,.monaco-editor.vs .monaco-tree .monaco-tree-row{-ms-high-contrast-adjust:none;color:windowtext!important}.monaco-editor.vs-dark .monaco-tree .monaco-tree-row.focused,.monaco-editor.vs-dark .monaco-tree .monaco-tree-row.selected,.monaco-editor.vs .monaco-tree .monaco-tree-row.focused,.monaco-editor.vs .monaco-tree .monaco-tree-row.selected{color:highlighttext!important;background-color:highlight!important}.monaco-editor.vs-dark .monaco-tree .monaco-tree-row:hover,.monaco-editor.vs .monaco-tree .monaco-tree-row:hover{background:transparent!important;border:1px solid highlight;box-sizing:border-box}.monaco-editor.vs-dark .monaco-scrollable-element>.scrollbar,.monaco-editor.vs .monaco-scrollable-element>.scrollbar{-ms-high-contrast-adjust:none;background:background!important;border:1px solid windowtext;box-sizing:border-box}.monaco-editor.vs-dark .monaco-scrollable-element>.scrollbar>.slider,.monaco-editor.vs .monaco-scrollable-element>.scrollbar>.slider{background:windowtext!important}.monaco-editor.vs-dark .monaco-scrollable-element>.scrollbar>.slider.active,.monaco-editor.vs-dark .monaco-scrollable-element>.scrollbar>.slider:hover,.monaco-editor.vs .monaco-scrollable-element>.scrollbar>.slider.active,.monaco-editor.vs .monaco-scrollable-element>.scrollbar>.slider:hover{background:highlight!important}.monaco-editor.vs-dark .decorationsOverviewRuler,.monaco-editor.vs .decorationsOverviewRuler{opacity:0}.monaco-editor.vs-dark .minimap,.monaco-editor.vs .minimap{display:none}.monaco-editor.vs-dark .squiggly-d-error,.monaco-editor.vs .squiggly-d-error{background:transparent!important;border-bottom:4px double #e47777}.monaco-editor.vs-dark .squiggly-b-info,.monaco-editor.vs-dark .squiggly-c-warning,.monaco-editor.vs .squiggly-b-info,.monaco-editor.vs .squiggly-c-warning{border-bottom:4px double #71b771}.monaco-editor.vs-dark .squiggly-a-hint,.monaco-editor.vs .squiggly-a-hint{border-bottom:4px double #6c6c6c}.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label{-ms-high-contrast-adjust:none;color:highlighttext!important;background-color:highlight!important}.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label,.monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label{-ms-high-contrast-adjust:none;background:transparent!important;border:1px solid highlight;box-sizing:border-box}.monaco-diff-editor.vs-dark .diffOverviewRuler,.monaco-diff-editor.vs .diffOverviewRuler{display:none}.monaco-editor.vs-dark .line-delete,.monaco-editor.vs-dark .line-insert,.monaco-editor.vs .line-delete,.monaco-editor.vs .line-insert{background:transparent!important;border:1px solid highlight!important;box-sizing:border-box}.monaco-editor.vs-dark .char-delete,.monaco-editor.vs-dark .char-insert,.monaco-editor.vs .char-delete,.monaco-editor.vs .char-insert{background:transparent!important}}.context-view .monaco-menu{min-width:130px}.context-view-block{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%}
\ No newline at end of file
diff --git a/test/rebuild.test.ts b/test/rebuild.test.ts
index d93bf64a..9643d69d 100644
--- a/test/rebuild.test.ts
+++ b/test/rebuild.test.ts
@@ -1,3 +1,5 @@
+import * as fs from 'fs';
+import * as path from 'path';
 import 'mocha';
 import { expect } from 'chai';
 import { addHoverClass } from '../src/rebuild';
@@ -40,4 +42,16 @@ describe('add hover class to hover selector related rules', () => {
     const cssText = '.a::after { content: ":hover" }';
     expect(addHoverClass(cssText)).to.equal(cssText);
   });
+
+  it('benchmark', () => {
+    const cssText = fs.readFileSync(
+      path.resolve(__dirname, './css/benchmark.css'),
+      'utf8',
+    );
+    const start = process.hrtime();
+    addHoverClass(cssText);
+    const end = process.hrtime(start);
+    const duration = end[0] * 1_000 + end[1] / 1_000_000;
+    expect(duration).to.below(100);
+  });
 });

From 6457f9ff6232f8bfcf86b712c71b61fc9f9b93df Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 102/345] fix #14 fix innerText cap issue

---
 src/snapshot.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 0ffa96d8..0cd79471 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -158,7 +158,11 @@ function serializeNode(
         tagName === 'style' &&
         (n as HTMLStyleElement).sheet &&
         // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-        !(n as HTMLElement).innerText.trim().length
+        !(
+          (n as HTMLElement).innerText ||
+          (n as HTMLElement).textContent ||
+          ''
+        ).trim().length
       ) {
         const cssText = getCssRulesString((n as HTMLStyleElement)
           .sheet as CSSStyleSheet);

From daacbb1d07aa710efd4677643c03a6a817a077a6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 103/345] Release 0.7.13

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c827bc5e..d11e6eb2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.12",
+  "version": "0.7.13",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 0a502e83edea724ce7f34e1470cbb88a92193e8f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 104/345] update typings

---
 typings/css.d.ts | 92 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 typings/css.d.ts

diff --git a/typings/css.d.ts b/typings/css.d.ts
new file mode 100644
index 00000000..6207385a
--- /dev/null
+++ b/typings/css.d.ts
@@ -0,0 +1,92 @@
+export interface ParserOptions {
+    silent?: boolean;
+    source?: string;
+}
+export interface ParserError {
+    message?: string;
+    reason?: string;
+    filename?: string;
+    line?: number;
+    column?: number;
+    source?: string;
+}
+export interface Loc {
+    line?: number;
+    column?: number;
+}
+export interface Node {
+    type?: string;
+    parent?: Node;
+    position?: {
+        start?: Loc;
+        end?: Loc;
+        source?: string;
+        content?: string;
+    };
+}
+export interface Rule extends Node {
+    selectors?: string[];
+    declarations?: Array<Declaration | Comment>;
+}
+export interface Declaration extends Node {
+    property?: string;
+    value?: string;
+}
+export interface Comment extends Node {
+    comment?: string;
+}
+export interface Charset extends Node {
+    charset?: string;
+}
+export interface CustomMedia extends Node {
+    name?: string;
+    media?: string;
+}
+export interface Document extends Node {
+    document?: string;
+    vendor?: string;
+    rules?: Array<Rule | Comment | AtRule>;
+}
+export interface FontFace extends Node {
+    declarations?: Array<Declaration | Comment>;
+}
+export interface Host extends Node {
+    rules?: Array<Rule | Comment | AtRule>;
+}
+export interface Import extends Node {
+    import?: string;
+}
+export interface KeyFrames extends Node {
+    name?: string;
+    vendor?: string;
+    keyframes?: Array<KeyFrame | Comment>;
+}
+export interface KeyFrame extends Node {
+    values?: string[];
+    declarations?: Array<Declaration | Comment>;
+}
+export interface Media extends Node {
+    media?: string;
+    rules?: Array<Rule | Comment | AtRule>;
+}
+export interface Namespace extends Node {
+    namespace?: string;
+}
+export interface Page extends Node {
+    selectors?: string[];
+    declarations?: Array<Declaration | Comment>;
+}
+export interface Supports extends Node {
+    supports?: string;
+    rules?: Array<Rule | Comment | AtRule>;
+}
+export declare type AtRule = Charset | CustomMedia | Document | FontFace | Host | Import | KeyFrames | Media | Namespace | Page | Supports;
+export interface StyleRules {
+    source?: string;
+    rules: Array<Rule | Comment | AtRule>;
+    parsingErrors?: ParserError[];
+}
+export interface Stylesheet extends Node {
+    stylesheet?: StyleRules;
+}
+export declare function parse(css: string, options?: ParserOptions): Stylesheet;

From fbfdafae34e92e49b54c1b5a686cdb1aa9df9682 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 105/345] remove child node before set default value

---
 src/rebuild.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 94cc244c..7200ef81 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -106,6 +106,12 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           }
           if (isTextarea || isRemoteOrDynamicCss) {
             const child = doc.createTextNode(value);
+            // https://github.com/rrweb-io/rrweb/issues/112
+            for (const c of Array.from(node.childNodes)) {
+              if (c.nodeType === node.TEXT_NODE) {
+                node.removeChild(c);
+              }
+            }
             node.appendChild(child);
             continue;
           }

From 483c03cebe7b36ce41c0a1dfd55624be8d94d9b6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 106/345] init repo

---
 .gitignore        |  7 +++++
 .prettierrc       |  4 +++
 README.md         | 70 +++++++++++++++++++++++++++++++++++++++++++++++
 package.json      | 21 ++++++++++++++
 public/global.css | 61 +++++++++++++++++++++++++++++++++++++++++
 public/index.html | 16 +++++++++++
 rollup.config.js  | 43 +++++++++++++++++++++++++++++
 src/App.html      | 17 ++++++++++++
 src/Player.html   | 17 ++++++++++++
 src/main.js       | 10 +++++++
 10 files changed, 266 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .prettierrc
 create mode 100644 README.md
 create mode 100644 package.json
 create mode 100644 public/global.css
 create mode 100644 public/index.html
 create mode 100644 rollup.config.js
 create mode 100644 src/App.html
 create mode 100644 src/Player.html
 create mode 100644 src/main.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..49acba00
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+.DS_Store
+node_modules
+public/bundle.*
+package-lock.json
+yarn.lock
+
+.vscode
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..a20502b7
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..3e411bf6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,70 @@
+*Psst — looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*
+
+---
+
+# svelte app
+
+This is a project template for [Svelte](https://svelte.technology) apps. It lives at https://github.com/sveltejs/template.
+
+To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
+
+```bash
+npm install -g degit # you only need to do this once
+
+degit sveltejs/template svelte-app
+cd svelte-app
+```
+
+*Note that you will need to have [Node.js](https://nodejs.org) installed.*
+
+
+## Get started
+
+Install the dependencies...
+
+```bash
+cd svelte-app
+npm install
+```
+
+...then start [Rollup](https://rollupjs.org):
+
+```bash
+npm run dev
+```
+
+Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
+
+
+## Deploying to the web
+
+### With [now](https://zeit.co/now)
+
+Install `now` if you haven't already:
+
+```bash
+npm install -g now
+```
+
+Then, from within your project folder:
+
+```bash
+now
+```
+
+As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.
+
+### With [surge](https://surge.sh/)
+
+Install `surge` if you haven't already:
+
+```bash
+npm install -g surge
+```
+
+Then, from within your project folder:
+
+```bash
+npm run build
+surge public
+```
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..b07af65f
--- /dev/null
+++ b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "rrweb-player",
+  "version": "0.1.0",
+  "devDependencies": {
+    "npm-run-all": "^4.1.3",
+    "rollup": "^0.66.2",
+    "rollup-plugin-commonjs": "^9.1.8",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-svelte": "^4.3.1",
+    "rollup-plugin-terser": "^3.0.0",
+    "sirv-cli": "^0.2.2",
+    "svelte": "^2.13.5"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "autobuild": "rollup -c -w",
+    "dev": "run-p start:dev autobuild",
+    "start": "sirv public",
+    "start:dev": "sirv public --dev"
+  }
+}
\ No newline at end of file
diff --git a/public/global.css b/public/global.css
new file mode 100644
index 00000000..9d682a39
--- /dev/null
+++ b/public/global.css
@@ -0,0 +1,61 @@
+html, body {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+body {
+	color: #333;
+	margin: 0;
+	padding: 8px;
+	box-sizing: border-box;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+	color: rgb(0,100,200);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a:visited {
+	color: rgb(0,80,160);
+}
+
+label {
+	display: block;
+}
+
+input, button, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+input:disabled {
+	color: #ccc;
+}
+
+input[type="range"] {
+	height: 0;
+}
+
+button {
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+button:active {
+	background-color: #ddd;
+}
+
+button:focus {
+	border-color: #666;
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 00000000..6bb5adc0
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset='utf8'>
+	<meta name='viewport' content='width=device-width'>
+
+	<title>Svelte app</title>
+
+	<link rel='stylesheet' href='global.css'>
+	<link rel='stylesheet' href='bundle.css'>
+</head>
+
+<body>
+	<script src='bundle.js'></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/rollup.config.js b/rollup.config.js
new file mode 100644
index 00000000..d9aa4278
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,43 @@
+import svelte from 'rollup-plugin-svelte';
+import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import { terser } from 'rollup-plugin-terser';
+
+const production = !process.env.ROLLUP_WATCH;
+
+export default {
+	input: 'src/main.js',
+	output: {
+		sourcemap: true,
+		format: 'iife',
+		name: 'app',
+		file: 'public/bundle.js'
+	},
+	plugins: [
+		svelte({
+			// opt in to v3 behaviour today
+			skipIntroByDefault: true,
+			nestedTransitions: true,
+
+			// enable run-time checks when not in production
+			dev: !production,
+			// we'll extract any component CSS out into
+			// a separate file — better for performance
+			css: css => {
+				css.write('public/bundle.css');
+			}
+		}),
+
+		// If you have external dependencies installed from
+		// npm, you'll most likely need these plugins. In
+		// some cases you'll need additional configuration —
+		// consult the documentation for details:
+		// https://github.com/rollup/rollup-plugin-commonjs
+		resolve(),
+		commonjs(),
+
+		// If we're building for production (npm run build
+		// instead of npm run dev), minify
+		production && terser()
+	]
+};
diff --git a/src/App.html b/src/App.html
new file mode 100644
index 00000000..140cf9d3
--- /dev/null
+++ b/src/App.html
@@ -0,0 +1,17 @@
+<h1>
+	rrweb player playground
+</h1>
+<Player />
+
+<style>
+</style>
+
+<script>
+	import Player from './Player.html';
+
+	export default {
+		components: {
+			Player
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/src/Player.html b/src/Player.html
new file mode 100644
index 00000000..719e03a7
--- /dev/null
+++ b/src/Player.html
@@ -0,0 +1,17 @@
+<div class="rr-player">
+  rrplayer
+</div>
+
+<style>
+  .rr-player {
+    border: 1px solid indianred;
+  }
+</style>
+
+<script>
+  export default {
+    data() {
+      return {}
+    }
+  }
+</script>
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 00000000..c804ceec
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,10 @@
+import App from './App.html';
+
+const app = new App({
+	target: document.body,
+	data: {
+		name: 'world'
+	}
+});
+
+export default app;
\ No newline at end of file

From ef0b4b403cd1a52451260ae068459dc8971c5275 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 107/345] Release 0.7.14

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d11e6eb2..a18289c1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 313dee2a26671cb1900e545c16ee8577ef094cf6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 108/345] add eslint

---
 .eslintrc.json  | 13 +++++++++++++
 package.json    |  5 ++++-
 src/App.html    | 15 +++++++--------
 src/Player.html | 24 +++++++++++++++++++-----
 src/main.js     | 10 +++++-----
 src/util.js     |  7 +++++++
 6 files changed, 55 insertions(+), 19 deletions(-)
 create mode 100644 .eslintrc.json
 create mode 100644 src/util.js

diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 00000000..b066720d
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": "google",
+  "parserOptions": {
+    "ecmaVersion": 7,
+    "sourceType": "module"
+  },
+  "rules": {
+    "require-jsdoc": "off",
+    "arrow-parens": "off",
+    "object-curly-spacing": "off"
+  },
+  "plugins": ["html"]
+}
diff --git a/package.json b/package.json
index b07af65f..75368a6a 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,9 @@
   "name": "rrweb-player",
   "version": "0.1.0",
   "devDependencies": {
+    "eslint": "^5.7.0",
+    "eslint-config-google": "^0.11.0",
+    "eslint-plugin-html": "^4.0.6",
     "npm-run-all": "^4.1.3",
     "rollup": "^0.66.2",
     "rollup-plugin-commonjs": "^9.1.8",
@@ -18,4 +21,4 @@
     "start": "sirv public",
     "start:dev": "sirv public --dev"
   }
-}
\ No newline at end of file
+}
diff --git a/src/App.html b/src/App.html
index 140cf9d3..73363aec 100644
--- a/src/App.html
+++ b/src/App.html
@@ -1,5 +1,5 @@
 <h1>
-	rrweb player playground
+  rrweb player playground
 </h1>
 <Player />
 
@@ -7,11 +7,10 @@
 </style>
 
 <script>
-	import Player from './Player.html';
-
-	export default {
-		components: {
-			Player
-		}
-	}
+  import Player from './Player.html';
+  export default {
+    components: {
+      Player,
+    },
+  };
 </script>
\ No newline at end of file
diff --git a/src/Player.html b/src/Player.html
index 719e03a7..edabdbb1 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,4 +1,4 @@
-<div class="rr-player">
+<div class="rr-player" { style }>
   rrplayer
 </div>
 
@@ -9,9 +9,23 @@
 </style>
 
 <script>
+  import { inlineCss } from '../util.js';
+
   export default {
     data() {
-      return {}
-    }
-  }
-</script>
+      return {
+        width: 1024,
+        height: 576,
+      };
+    },
+    computed: {
+      style({ width, height }) {
+        return inlineCss({
+          width: `${width}px`,
+          height: `${height}px`,
+        });
+      },
+    },
+  };
+
+</script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index c804ceec..92632901 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,10 @@
 import App from './App.html';
 
 const app = new App({
-	target: document.body,
-	data: {
-		name: 'world'
-	}
+  target: document.body,
+  data: {
+    name: 'world',
+  },
 });
 
-export default app;
\ No newline at end of file
+export default app;
diff --git a/src/util.js b/src/util.js
new file mode 100644
index 00000000..da07ec19
--- /dev/null
+++ b/src/util.js
@@ -0,0 +1,7 @@
+export function inlineCss(cssObj) {
+  let style = '';
+  Object.keys(cssObj).forEach(key => {
+    style += `${key}: ${cssObj[key]};`;
+  });
+  return style;
+}

From 939eddcca5dea1ebd1e83b76089a5b0ac4c281c1 Mon Sep 17 00:00:00 2001
From: dphuang2 <dylan.p.huang@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 109/345] Ignore broken CSS (#15)

Broken CSS inside a page will throw an error on our behalf. This should
be ignored because we are not in control of the CSS on the page we are
recording.
---
 src/rebuild.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 7200ef81..a0baf2aa 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -58,7 +58,7 @@ function getTagName(n: elementNode): string {
 
 const HOVER_SELECTOR = /([^\\]):hover/g;
 export function addHoverClass(cssText: string): string {
-  const ast = parse(cssText);
+  const ast = parse(cssText, {silent: true});
   if (!ast.stylesheet) {
     return cssText;
   }

From b4e983af89e2e89874e2a08fee7ac1656bc2681e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 110/345] attach the scaled iframe into player

---
 .gitignore       |  1 +
 package.json     |  3 +++
 rollup.config.js | 62 ++++++++++++++++++++++----------------------
 src/App.html     |  3 ++-
 src/Player.html  | 67 +++++++++++++++++++++++++++++++++++++++++++++---
 src/main.js      |  7 ++++-
 6 files changed, 106 insertions(+), 37 deletions(-)

diff --git a/.gitignore b/.gitignore
index 49acba00..7be014c5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ package-lock.json
 yarn.lock
 
 .vscode
+temp
diff --git a/package.json b/package.json
index 75368a6a..c3d94cf6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,9 @@
     "sirv-cli": "^0.2.2",
     "svelte": "^2.13.5"
   },
+  "dependencies": {
+    "rrweb": "file:../rrweb"
+  },
   "scripts": {
     "build": "rollup -c",
     "autobuild": "rollup -c -w",
diff --git a/rollup.config.js b/rollup.config.js
index d9aa4278..e48c8da1 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -6,38 +6,38 @@ import { terser } from 'rollup-plugin-terser';
 const production = !process.env.ROLLUP_WATCH;
 
 export default {
-	input: 'src/main.js',
-	output: {
-		sourcemap: true,
-		format: 'iife',
-		name: 'app',
-		file: 'public/bundle.js'
-	},
-	plugins: [
-		svelte({
-			// opt in to v3 behaviour today
-			skipIntroByDefault: true,
-			nestedTransitions: true,
+  input: 'src/main.js',
+  output: {
+    sourcemap: true,
+    format: 'iife',
+    name: 'app',
+    file: 'public/bundle.js',
+  },
+  plugins: [
+    svelte({
+      // opt in to v3 behaviour today
+      skipIntroByDefault: true,
+      nestedTransitions: true,
 
-			// enable run-time checks when not in production
-			dev: !production,
-			// we'll extract any component CSS out into
-			// a separate file — better for performance
-			css: css => {
-				css.write('public/bundle.css');
-			}
-		}),
+      // enable run-time checks when not in production
+      dev: !production,
+      // we'll extract any component CSS out into
+      // a separate file — better for performance
+      css: css => {
+        css.write('public/bundle.css');
+      },
+    }),
 
-		// If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration —
-		// consult the documentation for details:
-		// https://github.com/rollup/rollup-plugin-commonjs
-		resolve(),
-		commonjs(),
+    // If you have external dependencies installed from
+    // npm, you'll most likely need these plugins. In
+    // some cases you'll need additional configuration —
+    // consult the documentation for details:
+    // https://github.com/rollup/rollup-plugin-commonjs
+    resolve(),
+    commonjs(),
 
-		// If we're building for production (npm run build
-		// instead of npm run dev), minify
-		production && terser()
-	]
+    // If we're building for production (npm run build
+    // instead of npm run dev), minify
+    production && terser(),
+  ],
 };
diff --git a/src/App.html b/src/App.html
index 73363aec..c54fde62 100644
--- a/src/App.html
+++ b/src/App.html
@@ -1,13 +1,14 @@
 <h1>
   rrweb player playground
 </h1>
-<Player />
+<Player {events} />
 
 <style>
 </style>
 
 <script>
   import Player from './Player.html';
+
   export default {
     components: {
       Player,
diff --git a/src/Player.html b/src/Player.html
index edabdbb1..1d5a5617 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,21 +1,60 @@
-<div class="rr-player" { style }>
-  rrplayer
+<div class="rr-player">
+  <div class="rr-player__frame" ref:frame { style }></div>
 </div>
 
 <style>
   .rr-player {
-    border: 1px solid indianred;
+    border: 3px solid indianred;
+    float: left;
+    clear: both;
+  }
+
+  .rr-player__frame {
+    overflow: hidden;
+  }
+
+  :global(.replayer-wrapper) {
+    float: left;
+    clear: both;
+    transform-origin: top left;
+    left: 50%;
+    top: 50%;
+    border: 2px solid grey;
+  }
+
+  /* get from rrweb */
+  :global(.replayer-wrapper) {
+    position: relative;
+  }
+
+  :global(.replayer-mouse) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+  }
+
+  :global(.replayer-mouse::after) {
+    content: '';
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    background: thistle;
+    transform: translate(-10px, -10px);
+    opacity: 0.5;
   }
 </style>
 
 <script>
-  import { inlineCss } from '../util.js';
+  import { Replayer } from 'rrweb';
+  import { inlineCss } from './util.js';
 
   export default {
     data() {
       return {
         width: 1024,
         height: 576,
+        events: [],
       };
     },
     computed: {
@@ -26,6 +65,26 @@
         });
       },
     },
+    methods: {
+      updateScale(el, frameDimension) {
+        const { width, height } = this.get();
+        const widthScale = width / frameDimension.width;
+        const heightScale = height / frameDimension.height;
+        el.style.transform =
+          `scale(${Math.min(widthScale, heightScale, 1)})` +
+          'translate(-50%, -50%)';
+      },
+    },
+    oncreate(p) {
+      const { events } = this.get();
+      const replayer = new Replayer(events, {
+        speed: 1,
+        root: this.refs.frame,
+        onResize: (dimension) => this.updateScale(replayer.wrapper, dimension),
+      });
+      replayer.play();
+    },
   };
 
+
 </script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 92632901..e69387f8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,14 @@
 import App from './App.html';
 
+const events =
+  // prettier-ignore
+  // eslint-disable-next-line
+  [{"type":0,"data":{"href":"http://127.0.0.1:5500/checkout-demo/index.html?"},"timestamp":1539674870305},{"type":1,"data":{"width":1173,"height":711},"timestamp":1539674870317},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":5,"textContent":" saved from url=(0052)https://getbootstrap.com/docs/4.1/examples/checkout/ ","id":3},{"type":2,"tagName":"html","attributes":{"lang":"en"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":6},{"type":2,"tagName":"meta","attributes":{"http-equiv":"Content-Type","content":"text/html; charset=UTF-8"},"childNodes":[],"id":7},{"type":3,"textContent":"\n\n  ","id":8},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1, shrink-to-fit=no"},"childNodes":[],"id":9},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"meta","attributes":{"name":"description","content":""},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"meta","attributes":{"name":"author","content":""},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"link","attributes":{"rel":"icon","href":"https://getbootstrap.com/favicon.ico"},"childNodes":[],"id":15},{"type":3,"textContent":"\n\n  ","id":16},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout example for Bootstrap","id":18}],"id":17},{"type":3,"textContent":"\n\n  ","id":19},{"type":5,"textContent":" Bootstrap core CSS ","id":20},{"type":3,"textContent":"\n  ","id":21},{"type":2,"tagName":"link","attributes":{"_cssText":":root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; }*, ::after, ::before { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }[tabindex=\"-1\"]:focus { outline: 0px !important; }hr { box-sizing: content-box; height: 0px; overflow: visible; }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; }address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }dt { font-weight: 700; }dd { margin-bottom: 0.5rem; margin-left: 0px; }blockquote { margin: 0px 0px 1rem; }dfn { font-style: italic; }b, strong { font-weight: bolder; }small { font-size: 80%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sub { bottom: -0.25em; }sup { top: -0.5em; }a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }a:hover { color: rgb(0, 86, 179); text-decoration: underline; }a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus { outline: 0px; }code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em; }pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }figure { margin: 0px 0px 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; }th { text-align: inherit; }label { display: inline-block; margin-bottom: 0.5rem; }button { border-radius: 0px; }button:focus { outline: -webkit-focus-ring-color auto 5px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, input { overflow: visible; }button, select { text-transform: none; }[type=\"reset\"], [type=\"submit\"], button, html [type=\"button\"] { -webkit-appearance: button; }input[type=\"checkbox\"], input[type=\"radio\"] { box-sizing: border-box; padding: 0px; }input[type=\"date\"], input[type=\"datetime-local\"], input[type=\"month\"], input[type=\"time\"] { -webkit-appearance: listbox; }textarea { overflow: auto; resize: vertical; }fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }progress { vertical-align: baseline; }[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button { height: auto; }[type=\"search\"] { outline-offset: -2px; -webkit-appearance: none; }[type=\"search\"]::-webkit-search-cancel-button, [type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }output { display: inline-block; }summary { display: list-item; cursor: pointer; }template { display: none; }[hidden] { display: none !important; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }.h1, h1 { font-size: 2.5rem; }.h2, h2 { font-size: 2rem; }.h3, h3 { font-size: 1.75rem; }.h4, h4 { font-size: 1.5rem; }.h5, h5 { font-size: 1.25rem; }.h6, h6 { font-size: 1rem; }.lead { font-size: 1.25rem; font-weight: 300; }.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }.small, small { font-size: 80%; font-weight: 400; }.mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); }.list-unstyled { padding-left: 0px; list-style: none; }.list-inline { padding-left: 0px; list-style: none; }.list-inline-item { display: inline-block; }.list-inline-item:not(:last-child) { margin-right: 0.5rem; }.initialism { font-size: 90%; text-transform: uppercase; }.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }.blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); }.blockquote-footer::before { content: \"— \"; }.img-fluid { max-width: 100%; height: auto; }.img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; }.figure { display: inline-block; }.figure-img { margin-bottom: 0.5rem; line-height: 1; }.figure-caption { font-size: 90%; color: rgb(108, 117, 125); }code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; }a > code { color: inherit; }kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; }kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); }pre code { font-size: inherit; color: inherit; word-break: normal; }.pre-scrollable { max-height: 340px; overflow-y: scroll; }.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }@media (min-width: 576px) {\n  .container { max-width: 540px; }\n}@media (min-width: 768px) {\n  .container { max-width: 720px; }\n}@media (min-width: 992px) {\n  .container { max-width: 960px; }\n}@media (min-width: 1200px) {\n  .container { max-width: 1140px; }\n}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.no-gutters { margin-right: 0px; margin-left: 0px; }.no-gutters > .col, .no-gutters > [class*=\"col-\"] { padding-right: 0px; padding-left: 0px; }.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }.col-auto { flex: 0 0 auto; width: auto; max-width: none; }.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }.col-3 { flex: 0 0 25%; max-width: 25%; }.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }.col-6 { flex: 0 0 50%; max-width: 50%; }.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }.col-9 { flex: 0 0 75%; max-width: 75%; }.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }.col-12 { flex: 0 0 100%; max-width: 100%; }.order-first { order: -1; }.order-last { order: 13; }.order-0 { order: 0; }.order-1 { order: 1; }.order-2 { order: 2; }.order-3 { order: 3; }.order-4 { order: 4; }.order-5 { order: 5; }.order-6 { order: 6; }.order-7 { order: 7; }.order-8 { order: 8; }.order-9 { order: 9; }.order-10 { order: 10; }.order-11 { order: 11; }.order-12 { order: 12; }.offset-1 { margin-left: 8.33333%; }.offset-2 { margin-left: 16.6667%; }.offset-3 { margin-left: 25%; }.offset-4 { margin-left: 33.3333%; }.offset-5 { margin-left: 41.6667%; }.offset-6 { margin-left: 50%; }.offset-7 { margin-left: 58.3333%; }.offset-8 { margin-left: 66.6667%; }.offset-9 { margin-left: 75%; }.offset-10 { margin-left: 83.3333%; }.offset-11 { margin-left: 91.6667%; }@media (min-width: 576px) {\n  .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-sm-first { order: -1; }\n  .order-sm-last { order: 13; }\n  .order-sm-0 { order: 0; }\n  .order-sm-1 { order: 1; }\n  .order-sm-2 { order: 2; }\n  .order-sm-3 { order: 3; }\n  .order-sm-4 { order: 4; }\n  .order-sm-5 { order: 5; }\n  .order-sm-6 { order: 6; }\n  .order-sm-7 { order: 7; }\n  .order-sm-8 { order: 8; }\n  .order-sm-9 { order: 9; }\n  .order-sm-10 { order: 10; }\n  .order-sm-11 { order: 11; }\n  .order-sm-12 { order: 12; }\n  .offset-sm-0 { margin-left: 0px; }\n  .offset-sm-1 { margin-left: 8.33333%; }\n  .offset-sm-2 { margin-left: 16.6667%; }\n  .offset-sm-3 { margin-left: 25%; }\n  .offset-sm-4 { margin-left: 33.3333%; }\n  .offset-sm-5 { margin-left: 41.6667%; }\n  .offset-sm-6 { margin-left: 50%; }\n  .offset-sm-7 { margin-left: 58.3333%; }\n  .offset-sm-8 { margin-left: 66.6667%; }\n  .offset-sm-9 { margin-left: 75%; }\n  .offset-sm-10 { margin-left: 83.3333%; }\n  .offset-sm-11 { margin-left: 91.6667%; }\n}@media (min-width: 768px) {\n  .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-md-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-md-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-md-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-md-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-md-first { order: -1; }\n  .order-md-last { order: 13; }\n  .order-md-0 { order: 0; }\n  .order-md-1 { order: 1; }\n  .order-md-2 { order: 2; }\n  .order-md-3 { order: 3; }\n  .order-md-4 { order: 4; }\n  .order-md-5 { order: 5; }\n  .order-md-6 { order: 6; }\n  .order-md-7 { order: 7; }\n  .order-md-8 { order: 8; }\n  .order-md-9 { order: 9; }\n  .order-md-10 { order: 10; }\n  .order-md-11 { order: 11; }\n  .order-md-12 { order: 12; }\n  .offset-md-0 { margin-left: 0px; }\n  .offset-md-1 { margin-left: 8.33333%; }\n  .offset-md-2 { margin-left: 16.6667%; }\n  .offset-md-3 { margin-left: 25%; }\n  .offset-md-4 { margin-left: 33.3333%; }\n  .offset-md-5 { margin-left: 41.6667%; }\n  .offset-md-6 { margin-left: 50%; }\n  .offset-md-7 { margin-left: 58.3333%; }\n  .offset-md-8 { margin-left: 66.6667%; }\n  .offset-md-9 { margin-left: 75%; }\n  .offset-md-10 { margin-left: 83.3333%; }\n  .offset-md-11 { margin-left: 91.6667%; }\n}@media (min-width: 992px) {\n  .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-lg-first { order: -1; }\n  .order-lg-last { order: 13; }\n  .order-lg-0 { order: 0; }\n  .order-lg-1 { order: 1; }\n  .order-lg-2 { order: 2; }\n  .order-lg-3 { order: 3; }\n  .order-lg-4 { order: 4; }\n  .order-lg-5 { order: 5; }\n  .order-lg-6 { order: 6; }\n  .order-lg-7 { order: 7; }\n  .order-lg-8 { order: 8; }\n  .order-lg-9 { order: 9; }\n  .order-lg-10 { order: 10; }\n  .order-lg-11 { order: 11; }\n  .order-lg-12 { order: 12; }\n  .offset-lg-0 { margin-left: 0px; }\n  .offset-lg-1 { margin-left: 8.33333%; }\n  .offset-lg-2 { margin-left: 16.6667%; }\n  .offset-lg-3 { margin-left: 25%; }\n  .offset-lg-4 { margin-left: 33.3333%; }\n  .offset-lg-5 { margin-left: 41.6667%; }\n  .offset-lg-6 { margin-left: 50%; }\n  .offset-lg-7 { margin-left: 58.3333%; }\n  .offset-lg-8 { margin-left: 66.6667%; }\n  .offset-lg-9 { margin-left: 75%; }\n  .offset-lg-10 { margin-left: 83.3333%; }\n  .offset-lg-11 { margin-left: 91.6667%; }\n}@media (min-width: 1200px) {\n  .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-xl-first { order: -1; }\n  .order-xl-last { order: 13; }\n  .order-xl-0 { order: 0; }\n  .order-xl-1 { order: 1; }\n  .order-xl-2 { order: 2; }\n  .order-xl-3 { order: 3; }\n  .order-xl-4 { order: 4; }\n  .order-xl-5 { order: 5; }\n  .order-xl-6 { order: 6; }\n  .order-xl-7 { order: 7; }\n  .order-xl-8 { order: 8; }\n  .order-xl-9 { order: 9; }\n  .order-xl-10 { order: 10; }\n  .order-xl-11 { order: 11; }\n  .order-xl-12 { order: 12; }\n  .offset-xl-0 { margin-left: 0px; }\n  .offset-xl-1 { margin-left: 8.33333%; }\n  .offset-xl-2 { margin-left: 16.6667%; }\n  .offset-xl-3 { margin-left: 25%; }\n  .offset-xl-4 { margin-left: 33.3333%; }\n  .offset-xl-5 { margin-left: 41.6667%; }\n  .offset-xl-6 { margin-left: 50%; }\n  .offset-xl-7 { margin-left: 58.3333%; }\n  .offset-xl-8 { margin-left: 66.6667%; }\n  .offset-xl-9 { margin-left: 75%; }\n  .offset-xl-10 { margin-left: 83.3333%; }\n  .offset-xl-11 { margin-left: 91.6667%; }\n}.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }.table .table { background-color: rgb(255, 255, 255); }.table-sm td, .table-sm th { padding: 0.3rem; }.table-bordered { border: 1px solid rgb(222, 226, 230); }.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; }.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }.table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); }.table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }.table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); }.table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }.table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); }.table-hover .table-success:hover { background-color: rgb(177, 223, 187); }.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }.table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); }.table-hover .table-info:hover { background-color: rgb(171, 221, 229); }.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }.table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); }.table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }.table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); }.table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }.table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); }.table-hover .table-light:hover { background-color: rgb(236, 236, 246); }.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }.table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); }.table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }.table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(50, 56, 62); }.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.table-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); }.table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(50, 56, 62); }.table-dark.table-bordered { border: 0px; }.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }@media (max-width: 575.98px) {\n  .table-responsive-sm { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-sm > .table-bordered { border: 0px; }\n}@media (max-width: 767.98px) {\n  .table-responsive-md { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-md > .table-bordered { border: 0px; }\n}@media (max-width: 991.98px) {\n  .table-responsive-lg { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-lg > .table-bordered { border: 0px; }\n}@media (max-width: 1199.98px) {\n  .table-responsive-xl { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-xl > .table-bordered { border: 0px; }\n}.table-responsive { display: block; width: 100%; overflow-x: auto; }.table-responsive > .table-bordered { border: 0px; }.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .form-control { transition: none 0s ease 0s; }\n}.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }.form-control-file, .form-control-range { display: block; width: 100%; }.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; }.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }.form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }select.form-control[multiple], select.form-control[size] { height: auto; }textarea.form-control { height: auto; }.form-group { margin-bottom: 1rem; }.form-text { display: block; margin-top: 0.25rem; }.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }.form-row > .col, .form-row > [class*=\"col-\"] { padding-right: 5px; padding-left: 5px; }.form-check { position: relative; display: block; padding-left: 1.25rem; }.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }.form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); }.form-check-label { margin-bottom: 0px; }.form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; }.form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); }.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); }.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); }.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); }.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: rgb(113, 221, 138); }.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: rgb(52, 206, 87); }.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); }.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); }.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); }.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); }.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); }.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: rgb(239, 162, 169); }.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: rgb(228, 96, 109); }.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); }.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.form-inline { display: flex; flex-flow: row wrap; align-items: center; }.form-inline .form-check { width: 100%; }@media (min-width: 576px) {\n  .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; }\n  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0px; }\n  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }\n  .form-inline .form-control-plaintext { display: inline-block; }\n  .form-inline .custom-select, .form-inline .input-group { width: auto; }\n  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; }\n  .form-inline .form-check-input { position: relative; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; }\n  .form-inline .custom-control { align-items: center; justify-content: center; }\n  .form-inline .custom-control-label { margin-bottom: 0px; }\n}.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .btn { transition: none 0s ease 0s; }\n}.btn:focus, .btn:hover { text-decoration: none; }.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.btn.disabled, .btn:disabled { opacity: 0.65; }.btn:not(:disabled):not(.disabled) { cursor: pointer; }a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }.btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); }.btn-primary.focus, .btn-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); }.btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); }.btn-success.focus, .btn-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); }.btn-info.focus, .btn-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); }.btn-warning.focus, .btn-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); }.btn-danger.focus, .btn-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); }.btn-light.focus, .btn-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); }.btn-dark.focus, .btn-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary { color: rgb(0, 123, 255); background-color: transparent; background-image: none; border-color: rgb(0, 123, 255); }.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; }.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); }.btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; }.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success { color: rgb(40, 167, 69); background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); }.btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; }.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info { color: rgb(23, 162, 184); background-color: transparent; background-image: none; border-color: rgb(23, 162, 184); }.btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; }.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning { color: rgb(255, 193, 7); background-color: transparent; background-image: none; border-color: rgb(255, 193, 7); }.btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger { color: rgb(220, 53, 69); background-color: transparent; background-image: none; border-color: rgb(220, 53, 69); }.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); }.btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); }.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; }.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-link { font-weight: 400; color: rgb(0, 123, 255); background-color: transparent; }.btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; background-color: transparent; border-color: transparent; }.btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; }.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.btn-block { display: block; width: 100%; }.btn-block + .btn-block { margin-top: 0.5rem; }input[type=\"button\"].btn-block, input[type=\"reset\"].btn-block, input[type=\"submit\"].btn-block { width: 100%; }.fade { transition: opacity 0.15s linear 0s; }@media not all {\n  .fade { transition: none 0s ease 0s; }\n}.fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; }@media not all {\n  .collapsing { transition: none 0s ease 0s; }\n}.dropdown, .dropleft, .dropright, .dropup { position: relative; }.dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropdown-toggle:empty::after { margin-left: 0px; }.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }.dropdown-menu-right { right: 0px; left: auto; }.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }.dropup .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropup .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }.dropright .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }.dropright .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-toggle::after { vertical-align: 0px; }.dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }.dropleft .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; }.dropleft .dropdown-toggle::after { display: none; }.dropleft .dropdown-toggle::before { display: inline-block; width: 0px; height: 0px; margin-right: 0.255em; vertical-align: 0.255em; content: \"\"; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }.dropleft .dropdown-toggle:empty::after { margin-left: 0px; }.dropleft .dropdown-toggle::before { vertical-align: 0px; }.dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"top\"] { right: auto; bottom: auto; }.dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); }.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; }.dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); }.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; }.dropdown-menu.show { display: block; }.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; }.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); }.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 1 auto; }.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; }.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }.btn-toolbar .input-group { width: auto; }.btn-group > .btn:first-child { margin-left: 0px; }.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }.dropleft .dropdown-toggle-split::before { margin-right: 0px; }.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; }.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; }.btn-group-toggle > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn input[type=\"radio\"], .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn-group > .btn input[type=\"radio\"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }.input-group > .custom-file .custom-file-input:focus { z-index: 4; }.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group > .custom-file { display: flex; align-items: center; }.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group-append, .input-group-prepend { display: flex; }.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }.input-group-prepend { margin-right: -1px; }.input-group-append { margin-left: -1px; }.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.input-group-text input[type=\"checkbox\"], .input-group-text input[type=\"radio\"] { margin-top: 0px; }.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }.custom-control-inline { display: inline-flex; margin-right: 1rem; }.custom-control-input { position: absolute; z-index: -1; opacity: 0; }.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-control-input:active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); }.custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); }.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); }.custom-control-label { position: relative; margin-bottom: 0px; }.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: \"\"; user-select: none; background-color: rgb(222, 226, 230); }.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: \"\"; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-radio .custom-control-label::before { border-radius: 50%; }.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\"); }.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; -webkit-appearance: none; }.custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(128, 189, 255, 0.5) 0px 0px 0px 0.2rem; }.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) { height: auto; padding-right: 0.75rem; background-image: none; }.custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); }.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; }.custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; }.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0px; }.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0px; opacity: 0; }.custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input:focus ~ .custom-file-label::after { border-color: rgb(128, 189, 255); }.custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); }.custom-file-input:lang(en) ~ .custom-file-label::after { content: \"Browse\"; }.custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: \"Browse\"; background-color: rgb(233, 236, 239); border-left: 1px solid rgb(206, 212, 218); border-radius: 0px 0.25rem 0.25rem 0px; }.custom-range { width: 100%; padding-left: 0px; background-color: transparent; -webkit-appearance: none; }.custom-range:focus { outline: 0px; }.custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-appearance: none; }@media not all {\n  .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }\n}.custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); }.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; }@media not all {\n}@media not all {\n}.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }\n}.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }.nav-link { display: block; padding: 0.5rem 1rem; }.nav-link:focus, .nav-link:hover { text-decoration: none; }.nav-link.disabled { color: rgb(108, 117, 125); }.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }.nav-tabs .nav-item { margin-bottom: -1px; }.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }.nav-pills .nav-link { border-radius: 0.25rem; }.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }.nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }.navbar-nav .dropdown-menu { position: static; float: none; }.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: \"\"; background: center center / 100% 100% no-repeat; }@media (max-width: 575.98px) {\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 576px) {\n  .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-sm .navbar-nav { flex-direction: row; }\n  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-sm .navbar-toggler { display: none; }\n}@media (max-width: 767.98px) {\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 768px) {\n  .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-md .navbar-nav { flex-direction: row; }\n  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-md .navbar-toggler { display: none; }\n}@media (max-width: 991.98px) {\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 992px) {\n  .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-lg .navbar-nav { flex-direction: row; }\n  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-lg .navbar-toggler { display: none; }\n}@media (max-width: 1199.98px) {\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 1200px) {\n  .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-xl .navbar-nav { flex-direction: row; }\n  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-xl .navbar-toggler { display: none; }\n}.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; }.navbar-expand .navbar-nav { flex-direction: row; }.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }.navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; }.navbar-expand .navbar-toggler { display: none; }.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); }.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }.navbar-light .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); }.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); }.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }.navbar-dark .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-text a { color: rgb(255, 255, 255); }.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); }.card { position: relative; display: flex; flex-direction: column; min-width: 0px; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }.card > hr { margin-right: 0px; margin-left: 0px; }.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.card-body { flex: 1 1 auto; padding: 1.25rem; }.card-title { margin-bottom: 0.75rem; }.card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; }.card-text:last-child { margin-bottom: 0px; }.card-link:hover { text-decoration: none; }.card-link + .card-link { margin-left: 1.25rem; }.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0px 0px; }.card-header + .list-group .list-group-item:first-child { border-top: 0px; }.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }.card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0.25rem - 1px); }.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; }.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }.card-img-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 1.25rem; }.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }.card-deck { display: flex; flex-direction: column; }.card-deck .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }\n  .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }\n}.card-group { display: flex; flex-direction: column; }.card-group > .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-group { flex-flow: row wrap; }\n  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }\n  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }\n  .card-group > .card:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }\n  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0px; }\n  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0px; }\n  .card-group > .card:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }\n  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0px; }\n  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0px; }\n  .card-group > .card:only-child { border-radius: 0.25rem; }\n  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }\n  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0px; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0px; }\n}.card-columns .card { margin-bottom: 0.75rem; }@media (min-width: 576px) {\n  .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }\n  .card-columns .card { display: inline-block; width: 100%; }\n}.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; }.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; }.accordion .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.accordion .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: \"/\"; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }.breadcrumb-item.active { color: rgb(108, 117, 125); }.pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; }.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); }.page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.page-link:not(:disabled):not(.disabled) { cursor: pointer; }.page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }.page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); }.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }.badge:empty { display: none; }.btn .badge { position: relative; top: -1px; }.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }.badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 98, 204); }.badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); }.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(84, 91, 98); }.badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); }.badge-success[href]:focus, .badge-success[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(30, 126, 52); }.badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); }.badge-info[href]:focus, .badge-info[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(17, 122, 139); }.badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); }.badge-warning[href]:focus, .badge-warning[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(211, 158, 0); }.badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); }.badge-danger[href]:focus, .badge-danger[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(189, 33, 48); }.badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); }.badge-light[href]:focus, .badge-light[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(218, 224, 229); }.badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); }.badge-dark[href]:focus, .badge-dark[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(29, 33, 36); }.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; }@media (min-width: 576px) {\n  .jumbotron { padding: 4rem 2rem; }\n}.jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; }.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }.alert-heading { color: inherit; }.alert-link { font-weight: 700; }.alert-dismissible { padding-right: 4rem; }.alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; }.alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); }.alert-primary hr { border-top-color: rgb(159, 205, 255); }.alert-primary .alert-link { color: rgb(0, 39, 82); }.alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); }.alert-secondary hr { border-top-color: rgb(200, 203, 207); }.alert-secondary .alert-link { color: rgb(32, 35, 38); }.alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); }.alert-success hr { border-top-color: rgb(177, 223, 187); }.alert-success .alert-link { color: rgb(11, 46, 19); }.alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); }.alert-info hr { border-top-color: rgb(171, 221, 229); }.alert-info .alert-link { color: rgb(6, 44, 51); }.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }.alert-warning hr { border-top-color: rgb(255, 232, 161); }.alert-warning .alert-link { color: rgb(83, 63, 3); }.alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); }.alert-danger hr { border-top-color: rgb(241, 176, 183); }.alert-danger .alert-link { color: rgb(73, 18, 23); }.alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); }.alert-light hr { border-top-color: rgb(236, 236, 246); }.alert-light .alert-link { color: rgb(104, 104, 104); }.alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); }.alert-dark hr { border-top-color: rgb(185, 187, 190); }.alert-dark .alert-link { color: rgb(4, 5, 5); }@-webkit-keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}@keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; }@media not all {\n  .progress-bar { transition: none 0s ease 0s; }\n}.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }.progress-bar-animated { animation: progress-bar-stripes 1s linear 0s infinite normal none running; }.media { display: flex; align-items: flex-start; }.media-body { flex: 1 1 0%; }.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; }.list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; }.list-group-item-action:focus, .list-group-item-action:hover { color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); }.list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); }.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; }.list-group-flush:first-child .list-group-item:first-child { border-top: 0px; }.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px; }.list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); }.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); }.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }.list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); }.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); }.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); }.list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); }.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); }.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); }.list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); }.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); }.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); }.list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); }.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); }.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); }.list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); }.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); }.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); }.list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); }.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); }.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); }.list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); }.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); }.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); }.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }.close:not(:disabled):not(.disabled) { cursor: pointer; }.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }button.close { padding: 0px; background-color: transparent; border: 0px; -webkit-appearance: none; }.modal-open { overflow: hidden; }.modal-open .modal { overflow: hidden auto; }.modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); }@media not all {\n  .modal.fade .modal-dialog { transition: none 0s ease 0s; }\n}.modal.show .modal-dialog { transform: translate(0px, 0px); }.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: \"\"; }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }.modal-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop.show { opacity: 0.5; }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }.modal-title { margin-bottom: 0px; line-height: 1.5; }.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239); }.modal-footer > :not(:first-child) { margin-left: 0.25rem; }.modal-footer > :not(:last-child) { margin-right: 0.25rem; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 576px) {\n  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }\n  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }\n  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }\n  .modal-sm { max-width: 300px; }\n}@media (min-width: 992px) {\n  .modal-lg { max-width: 800px; }\n}.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }.tooltip.show { opacity: 0.9; }.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }.tooltip .arrow::before { position: absolute; content: \"\"; border-color: transparent; border-style: solid; }.bs-tooltip-auto[x-placement^=\"top\"], .bs-tooltip-top { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"right\"], .bs-tooltip-right { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"bottom\"], .bs-tooltip-bottom { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"left\"], .bs-tooltip-left { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); }.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; }.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; }.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: \"\"; border-color: transparent; border-style: solid; }.bs-popover-auto[x-placement^=\"top\"], .bs-popover-top { margin-bottom: 0.5rem; }.bs-popover-auto[x-placement^=\"top\"] .arrow, .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::before { bottom: 0px; border-top-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"right\"], .bs-popover-right { margin-left: 0.5rem; }.bs-popover-auto[x-placement^=\"right\"] .arrow, .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::before { left: 0px; border-right-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"], .bs-popover-bottom { margin-top: 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow, .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::before { top: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: \"\"; border-bottom: 1px solid rgb(247, 247, 247); }.bs-popover-auto[x-placement^=\"left\"], .bs-popover-left { margin-right: 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow, .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::before { right: 0px; border-left-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: rgb(255, 255, 255); }.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: inherit; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }.popover-header:empty { display: none; }.popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); }.carousel { position: relative; }.carousel-inner { position: relative; width: 100%; overflow: hidden; }.carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; }.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; }@media not all {\n  .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none 0s ease 0s; }\n}.carousel-item-next, .carousel-item-prev { position: absolute; top: 0px; }.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0px, 0px, 0px); }\n}.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0px, 0px); }\n}.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0px, 0px); }\n}.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }\n}.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }.carousel-control-prev { left: 0px; }.carousel-control-next { right: 0px; }.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; }.carousel-control-prev-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"); }.carousel-control-next-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"); }.carousel-indicators { position: absolute; right: 0px; bottom: 10px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; }.carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }.carousel-indicators li::before { position: absolute; top: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators .active { background-color: rgb(255, 255, 255); }.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; }.align-baseline { vertical-align: baseline !important; }.align-top { vertical-align: top !important; }.align-middle { vertical-align: middle !important; }.align-bottom { vertical-align: bottom !important; }.align-text-bottom { vertical-align: text-bottom !important; }.align-text-top { vertical-align: text-top !important; }.bg-primary { background-color: rgb(0, 123, 255) !important; }a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; }.bg-secondary { background-color: rgb(108, 117, 125) !important; }a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; }.bg-success { background-color: rgb(40, 167, 69) !important; }a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; }.bg-info { background-color: rgb(23, 162, 184) !important; }a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; }.bg-warning { background-color: rgb(255, 193, 7) !important; }a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; }.bg-danger { background-color: rgb(220, 53, 69) !important; }a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; }.bg-light { background-color: rgb(248, 249, 250) !important; }a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; }.bg-dark { background-color: rgb(52, 58, 64) !important; }a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; }.bg-white { background-color: rgb(255, 255, 255) !important; }.bg-transparent { background-color: transparent !important; }.border { border: 1px solid rgb(222, 226, 230) !important; }.border-top { border-top: 1px solid rgb(222, 226, 230) !important; }.border-right { border-right: 1px solid rgb(222, 226, 230) !important; }.border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; }.border-left { border-left: 1px solid rgb(222, 226, 230) !important; }.border-0 { border: 0px !important; }.border-top-0 { border-top: 0px !important; }.border-right-0 { border-right: 0px !important; }.border-bottom-0 { border-bottom: 0px !important; }.border-left-0 { border-left: 0px !important; }.border-primary { border-color: rgb(0, 123, 255) !important; }.border-secondary { border-color: rgb(108, 117, 125) !important; }.border-success { border-color: rgb(40, 167, 69) !important; }.border-info { border-color: rgb(23, 162, 184) !important; }.border-warning { border-color: rgb(255, 193, 7) !important; }.border-danger { border-color: rgb(220, 53, 69) !important; }.border-light { border-color: rgb(248, 249, 250) !important; }.border-dark { border-color: rgb(52, 58, 64) !important; }.border-white { border-color: rgb(255, 255, 255) !important; }.rounded { border-radius: 0.25rem !important; }.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-circle { border-radius: 50% !important; }.rounded-0 { border-radius: 0px !important; }.clearfix::after { display: block; clear: both; content: \"\"; }.d-none { display: none !important; }.d-inline { display: inline !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-table { display: table !important; }.d-table-row { display: table-row !important; }.d-table-cell { display: table-cell !important; }.d-flex { display: flex !important; }.d-inline-flex { display: inline-flex !important; }@media (min-width: 576px) {\n  .d-sm-none { display: none !important; }\n  .d-sm-inline { display: inline !important; }\n  .d-sm-inline-block { display: inline-block !important; }\n  .d-sm-block { display: block !important; }\n  .d-sm-table { display: table !important; }\n  .d-sm-table-row { display: table-row !important; }\n  .d-sm-table-cell { display: table-cell !important; }\n  .d-sm-flex { display: flex !important; }\n  .d-sm-inline-flex { display: inline-flex !important; }\n}@media (min-width: 768px) {\n  .d-md-none { display: none !important; }\n  .d-md-inline { display: inline !important; }\n  .d-md-inline-block { display: inline-block !important; }\n  .d-md-block { display: block !important; }\n  .d-md-table { display: table !important; }\n  .d-md-table-row { display: table-row !important; }\n  .d-md-table-cell { display: table-cell !important; }\n  .d-md-flex { display: flex !important; }\n  .d-md-inline-flex { display: inline-flex !important; }\n}@media (min-width: 992px) {\n  .d-lg-none { display: none !important; }\n  .d-lg-inline { display: inline !important; }\n  .d-lg-inline-block { display: inline-block !important; }\n  .d-lg-block { display: block !important; }\n  .d-lg-table { display: table !important; }\n  .d-lg-table-row { display: table-row !important; }\n  .d-lg-table-cell { display: table-cell !important; }\n  .d-lg-flex { display: flex !important; }\n  .d-lg-inline-flex { display: inline-flex !important; }\n}@media (min-width: 1200px) {\n  .d-xl-none { display: none !important; }\n  .d-xl-inline { display: inline !important; }\n  .d-xl-inline-block { display: inline-block !important; }\n  .d-xl-block { display: block !important; }\n  .d-xl-table { display: table !important; }\n  .d-xl-table-row { display: table-row !important; }\n  .d-xl-table-cell { display: table-cell !important; }\n  .d-xl-flex { display: flex !important; }\n  .d-xl-inline-flex { display: inline-flex !important; }\n}@media print {\n  .d-print-none { display: none !important; }\n  .d-print-inline { display: inline !important; }\n  .d-print-inline-block { display: inline-block !important; }\n  .d-print-block { display: block !important; }\n  .d-print-table { display: table !important; }\n  .d-print-table-row { display: table-row !important; }\n  .d-print-table-cell { display: table-cell !important; }\n  .d-print-flex { display: flex !important; }\n  .d-print-inline-flex { display: inline-flex !important; }\n}.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }.embed-responsive::before { display: block; content: \"\"; }.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }.embed-responsive-21by9::before { padding-top: 42.8571%; }.embed-responsive-16by9::before { padding-top: 56.25%; }.embed-responsive-4by3::before { padding-top: 75%; }.embed-responsive-1by1::before { padding-top: 100%; }.flex-row { flex-direction: row !important; }.flex-column { flex-direction: column !important; }.flex-row-reverse { flex-direction: row-reverse !important; }.flex-column-reverse { flex-direction: column-reverse !important; }.flex-wrap { flex-wrap: wrap !important; }.flex-nowrap { flex-wrap: nowrap !important; }.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }.flex-fill { flex: 1 1 auto !important; }.flex-grow-0 { flex-grow: 0 !important; }.flex-grow-1 { flex-grow: 1 !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-shrink-1 { flex-shrink: 1 !important; }.justify-content-start { justify-content: flex-start !important; }.justify-content-end { justify-content: flex-end !important; }.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.justify-content-around { justify-content: space-around !important; }.align-items-start { align-items: flex-start !important; }.align-items-end { align-items: flex-end !important; }.align-items-center { align-items: center !important; }.align-items-baseline { align-items: baseline !important; }.align-items-stretch { align-items: stretch !important; }.align-content-start { align-content: flex-start !important; }.align-content-end { align-content: flex-end !important; }.align-content-center { align-content: center !important; }.align-content-between { align-content: space-between !important; }.align-content-around { align-content: space-around !important; }.align-content-stretch { align-content: stretch !important; }.align-self-auto { align-self: auto !important; }.align-self-start { align-self: flex-start !important; }.align-self-end { align-self: flex-end !important; }.align-self-center { align-self: center !important; }.align-self-baseline { align-self: baseline !important; }.align-self-stretch { align-self: stretch !important; }@media (min-width: 576px) {\n  .flex-sm-row { flex-direction: row !important; }\n  .flex-sm-column { flex-direction: column !important; }\n  .flex-sm-row-reverse { flex-direction: row-reverse !important; }\n  .flex-sm-column-reverse { flex-direction: column-reverse !important; }\n  .flex-sm-wrap { flex-wrap: wrap !important; }\n  .flex-sm-nowrap { flex-wrap: nowrap !important; }\n  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-sm-fill { flex: 1 1 auto !important; }\n  .flex-sm-grow-0 { flex-grow: 0 !important; }\n  .flex-sm-grow-1 { flex-grow: 1 !important; }\n  .flex-sm-shrink-0 { flex-shrink: 0 !important; }\n  .flex-sm-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-sm-start { justify-content: flex-start !important; }\n  .justify-content-sm-end { justify-content: flex-end !important; }\n  .justify-content-sm-center { justify-content: center !important; }\n  .justify-content-sm-between { justify-content: space-between !important; }\n  .justify-content-sm-around { justify-content: space-around !important; }\n  .align-items-sm-start { align-items: flex-start !important; }\n  .align-items-sm-end { align-items: flex-end !important; }\n  .align-items-sm-center { align-items: center !important; }\n  .align-items-sm-baseline { align-items: baseline !important; }\n  .align-items-sm-stretch { align-items: stretch !important; }\n  .align-content-sm-start { align-content: flex-start !important; }\n  .align-content-sm-end { align-content: flex-end !important; }\n  .align-content-sm-center { align-content: center !important; }\n  .align-content-sm-between { align-content: space-between !important; }\n  .align-content-sm-around { align-content: space-around !important; }\n  .align-content-sm-stretch { align-content: stretch !important; }\n  .align-self-sm-auto { align-self: auto !important; }\n  .align-self-sm-start { align-self: flex-start !important; }\n  .align-self-sm-end { align-self: flex-end !important; }\n  .align-self-sm-center { align-self: center !important; }\n  .align-self-sm-baseline { align-self: baseline !important; }\n  .align-self-sm-stretch { align-self: stretch !important; }\n}@media (min-width: 768px) {\n  .flex-md-row { flex-direction: row !important; }\n  .flex-md-column { flex-direction: column !important; }\n  .flex-md-row-reverse { flex-direction: row-reverse !important; }\n  .flex-md-column-reverse { flex-direction: column-reverse !important; }\n  .flex-md-wrap { flex-wrap: wrap !important; }\n  .flex-md-nowrap { flex-wrap: nowrap !important; }\n  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-md-fill { flex: 1 1 auto !important; }\n  .flex-md-grow-0 { flex-grow: 0 !important; }\n  .flex-md-grow-1 { flex-grow: 1 !important; }\n  .flex-md-shrink-0 { flex-shrink: 0 !important; }\n  .flex-md-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-md-start { justify-content: flex-start !important; }\n  .justify-content-md-end { justify-content: flex-end !important; }\n  .justify-content-md-center { justify-content: center !important; }\n  .justify-content-md-between { justify-content: space-between !important; }\n  .justify-content-md-around { justify-content: space-around !important; }\n  .align-items-md-start { align-items: flex-start !important; }\n  .align-items-md-end { align-items: flex-end !important; }\n  .align-items-md-center { align-items: center !important; }\n  .align-items-md-baseline { align-items: baseline !important; }\n  .align-items-md-stretch { align-items: stretch !important; }\n  .align-content-md-start { align-content: flex-start !important; }\n  .align-content-md-end { align-content: flex-end !important; }\n  .align-content-md-center { align-content: center !important; }\n  .align-content-md-between { align-content: space-between !important; }\n  .align-content-md-around { align-content: space-around !important; }\n  .align-content-md-stretch { align-content: stretch !important; }\n  .align-self-md-auto { align-self: auto !important; }\n  .align-self-md-start { align-self: flex-start !important; }\n  .align-self-md-end { align-self: flex-end !important; }\n  .align-self-md-center { align-self: center !important; }\n  .align-self-md-baseline { align-self: baseline !important; }\n  .align-self-md-stretch { align-self: stretch !important; }\n}@media (min-width: 992px) {\n  .flex-lg-row { flex-direction: row !important; }\n  .flex-lg-column { flex-direction: column !important; }\n  .flex-lg-row-reverse { flex-direction: row-reverse !important; }\n  .flex-lg-column-reverse { flex-direction: column-reverse !important; }\n  .flex-lg-wrap { flex-wrap: wrap !important; }\n  .flex-lg-nowrap { flex-wrap: nowrap !important; }\n  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-lg-fill { flex: 1 1 auto !important; }\n  .flex-lg-grow-0 { flex-grow: 0 !important; }\n  .flex-lg-grow-1 { flex-grow: 1 !important; }\n  .flex-lg-shrink-0 { flex-shrink: 0 !important; }\n  .flex-lg-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-lg-start { justify-content: flex-start !important; }\n  .justify-content-lg-end { justify-content: flex-end !important; }\n  .justify-content-lg-center { justify-content: center !important; }\n  .justify-content-lg-between { justify-content: space-between !important; }\n  .justify-content-lg-around { justify-content: space-around !important; }\n  .align-items-lg-start { align-items: flex-start !important; }\n  .align-items-lg-end { align-items: flex-end !important; }\n  .align-items-lg-center { align-items: center !important; }\n  .align-items-lg-baseline { align-items: baseline !important; }\n  .align-items-lg-stretch { align-items: stretch !important; }\n  .align-content-lg-start { align-content: flex-start !important; }\n  .align-content-lg-end { align-content: flex-end !important; }\n  .align-content-lg-center { align-content: center !important; }\n  .align-content-lg-between { align-content: space-between !important; }\n  .align-content-lg-around { align-content: space-around !important; }\n  .align-content-lg-stretch { align-content: stretch !important; }\n  .align-self-lg-auto { align-self: auto !important; }\n  .align-self-lg-start { align-self: flex-start !important; }\n  .align-self-lg-end { align-self: flex-end !important; }\n  .align-self-lg-center { align-self: center !important; }\n  .align-self-lg-baseline { align-self: baseline !important; }\n  .align-self-lg-stretch { align-self: stretch !important; }\n}@media (min-width: 1200px) {\n  .flex-xl-row { flex-direction: row !important; }\n  .flex-xl-column { flex-direction: column !important; }\n  .flex-xl-row-reverse { flex-direction: row-reverse !important; }\n  .flex-xl-column-reverse { flex-direction: column-reverse !important; }\n  .flex-xl-wrap { flex-wrap: wrap !important; }\n  .flex-xl-nowrap { flex-wrap: nowrap !important; }\n  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-xl-fill { flex: 1 1 auto !important; }\n  .flex-xl-grow-0 { flex-grow: 0 !important; }\n  .flex-xl-grow-1 { flex-grow: 1 !important; }\n  .flex-xl-shrink-0 { flex-shrink: 0 !important; }\n  .flex-xl-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-xl-start { justify-content: flex-start !important; }\n  .justify-content-xl-end { justify-content: flex-end !important; }\n  .justify-content-xl-center { justify-content: center !important; }\n  .justify-content-xl-between { justify-content: space-between !important; }\n  .justify-content-xl-around { justify-content: space-around !important; }\n  .align-items-xl-start { align-items: flex-start !important; }\n  .align-items-xl-end { align-items: flex-end !important; }\n  .align-items-xl-center { align-items: center !important; }\n  .align-items-xl-baseline { align-items: baseline !important; }\n  .align-items-xl-stretch { align-items: stretch !important; }\n  .align-content-xl-start { align-content: flex-start !important; }\n  .align-content-xl-end { align-content: flex-end !important; }\n  .align-content-xl-center { align-content: center !important; }\n  .align-content-xl-between { align-content: space-between !important; }\n  .align-content-xl-around { align-content: space-around !important; }\n  .align-content-xl-stretch { align-content: stretch !important; }\n  .align-self-xl-auto { align-self: auto !important; }\n  .align-self-xl-start { align-self: flex-start !important; }\n  .align-self-xl-end { align-self: flex-end !important; }\n  .align-self-xl-center { align-self: center !important; }\n  .align-self-xl-baseline { align-self: baseline !important; }\n  .align-self-xl-stretch { align-self: stretch !important; }\n}.float-left { float: left !important; }.float-right { float: right !important; }.float-none { float: none !important; }@media (min-width: 576px) {\n  .float-sm-left { float: left !important; }\n  .float-sm-right { float: right !important; }\n  .float-sm-none { float: none !important; }\n}@media (min-width: 768px) {\n  .float-md-left { float: left !important; }\n  .float-md-right { float: right !important; }\n  .float-md-none { float: none !important; }\n}@media (min-width: 992px) {\n  .float-lg-left { float: left !important; }\n  .float-lg-right { float: right !important; }\n  .float-lg-none { float: none !important; }\n}@media (min-width: 1200px) {\n  .float-xl-left { float: left !important; }\n  .float-xl-right { float: right !important; }\n  .float-xl-none { float: none !important; }\n}.position-static { position: static !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.position-sticky { position: sticky !important; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }@supports ((position:-webkit-sticky) or (position:sticky)) {\n  .sticky-top { position: sticky; top: 0px; z-index: 1020; }\n}.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; }.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; }.shadow-none { box-shadow: none !important; }.w-25 { width: 25% !important; }.w-50 { width: 50% !important; }.w-75 { width: 75% !important; }.w-100 { width: 100% !important; }.w-auto { width: auto !important; }.h-25 { height: 25% !important; }.h-50 { height: 50% !important; }.h-75 { height: 75% !important; }.h-100 { height: 100% !important; }.h-auto { height: auto !important; }.mw-100 { max-width: 100% !important; }.mh-100 { max-height: 100% !important; }.m-0 { margin: 0px !important; }.mt-0, .my-0 { margin-top: 0px !important; }.mr-0, .mx-0 { margin-right: 0px !important; }.mb-0, .my-0 { margin-bottom: 0px !important; }.ml-0, .mx-0 { margin-left: 0px !important; }.m-1 { margin: 0.25rem !important; }.mt-1, .my-1 { margin-top: 0.25rem !important; }.mr-1, .mx-1 { margin-right: 0.25rem !important; }.mb-1, .my-1 { margin-bottom: 0.25rem !important; }.ml-1, .mx-1 { margin-left: 0.25rem !important; }.m-2 { margin: 0.5rem !important; }.mt-2, .my-2 { margin-top: 0.5rem !important; }.mr-2, .mx-2 { margin-right: 0.5rem !important; }.mb-2, .my-2 { margin-bottom: 0.5rem !important; }.ml-2, .mx-2 { margin-left: 0.5rem !important; }.m-3 { margin: 1rem !important; }.mt-3, .my-3 { margin-top: 1rem !important; }.mr-3, .mx-3 { margin-right: 1rem !important; }.mb-3, .my-3 { margin-bottom: 1rem !important; }.ml-3, .mx-3 { margin-left: 1rem !important; }.m-4 { margin: 1.5rem !important; }.mt-4, .my-4 { margin-top: 1.5rem !important; }.mr-4, .mx-4 { margin-right: 1.5rem !important; }.mb-4, .my-4 { margin-bottom: 1.5rem !important; }.ml-4, .mx-4 { margin-left: 1.5rem !important; }.m-5 { margin: 3rem !important; }.mt-5, .my-5 { margin-top: 3rem !important; }.mr-5, .mx-5 { margin-right: 3rem !important; }.mb-5, .my-5 { margin-bottom: 3rem !important; }.ml-5, .mx-5 { margin-left: 3rem !important; }.p-0 { padding: 0px !important; }.pt-0, .py-0 { padding-top: 0px !important; }.pr-0, .px-0 { padding-right: 0px !important; }.pb-0, .py-0 { padding-bottom: 0px !important; }.pl-0, .px-0 { padding-left: 0px !important; }.p-1 { padding: 0.25rem !important; }.pt-1, .py-1 { padding-top: 0.25rem !important; }.pr-1, .px-1 { padding-right: 0.25rem !important; }.pb-1, .py-1 { padding-bottom: 0.25rem !important; }.pl-1, .px-1 { padding-left: 0.25rem !important; }.p-2 { padding: 0.5rem !important; }.pt-2, .py-2 { padding-top: 0.5rem !important; }.pr-2, .px-2 { padding-right: 0.5rem !important; }.pb-2, .py-2 { padding-bottom: 0.5rem !important; }.pl-2, .px-2 { padding-left: 0.5rem !important; }.p-3 { padding: 1rem !important; }.pt-3, .py-3 { padding-top: 1rem !important; }.pr-3, .px-3 { padding-right: 1rem !important; }.pb-3, .py-3 { padding-bottom: 1rem !important; }.pl-3, .px-3 { padding-left: 1rem !important; }.p-4 { padding: 1.5rem !important; }.pt-4, .py-4 { padding-top: 1.5rem !important; }.pr-4, .px-4 { padding-right: 1.5rem !important; }.pb-4, .py-4 { padding-bottom: 1.5rem !important; }.pl-4, .px-4 { padding-left: 1.5rem !important; }.p-5 { padding: 3rem !important; }.pt-5, .py-5 { padding-top: 3rem !important; }.pr-5, .px-5 { padding-right: 3rem !important; }.pb-5, .py-5 { padding-bottom: 3rem !important; }.pl-5, .px-5 { padding-left: 3rem !important; }.m-auto { margin: auto !important; }.mt-auto, .my-auto { margin-top: auto !important; }.mr-auto, .mx-auto { margin-right: auto !important; }.mb-auto, .my-auto { margin-bottom: auto !important; }.ml-auto, .mx-auto { margin-left: auto !important; }@media (min-width: 576px) {\n  .m-sm-0 { margin: 0px !important; }\n  .mt-sm-0, .my-sm-0 { margin-top: 0px !important; }\n  .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; }\n  .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; }\n  .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; }\n  .m-sm-1 { margin: 0.25rem !important; }\n  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }\n  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }\n  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }\n  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }\n  .m-sm-2 { margin: 0.5rem !important; }\n  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }\n  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }\n  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }\n  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }\n  .m-sm-3 { margin: 1rem !important; }\n  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }\n  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }\n  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }\n  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }\n  .m-sm-4 { margin: 1.5rem !important; }\n  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }\n  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }\n  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }\n  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }\n  .m-sm-5 { margin: 3rem !important; }\n  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }\n  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }\n  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }\n  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }\n  .p-sm-0 { padding: 0px !important; }\n  .pt-sm-0, .py-sm-0 { padding-top: 0px !important; }\n  .pr-sm-0, .px-sm-0 { padding-right: 0px !important; }\n  .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; }\n  .pl-sm-0, .px-sm-0 { padding-left: 0px !important; }\n  .p-sm-1 { padding: 0.25rem !important; }\n  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }\n  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }\n  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }\n  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }\n  .p-sm-2 { padding: 0.5rem !important; }\n  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }\n  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }\n  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }\n  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }\n  .p-sm-3 { padding: 1rem !important; }\n  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }\n  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }\n  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }\n  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }\n  .p-sm-4 { padding: 1.5rem !important; }\n  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }\n  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }\n  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }\n  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }\n  .p-sm-5 { padding: 3rem !important; }\n  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }\n  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }\n  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }\n  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }\n  .m-sm-auto { margin: auto !important; }\n  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }\n  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }\n  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }\n  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }\n}@media (min-width: 768px) {\n  .m-md-0 { margin: 0px !important; }\n  .mt-md-0, .my-md-0 { margin-top: 0px !important; }\n  .mr-md-0, .mx-md-0 { margin-right: 0px !important; }\n  .mb-md-0, .my-md-0 { margin-bottom: 0px !important; }\n  .ml-md-0, .mx-md-0 { margin-left: 0px !important; }\n  .m-md-1 { margin: 0.25rem !important; }\n  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }\n  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }\n  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }\n  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }\n  .m-md-2 { margin: 0.5rem !important; }\n  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }\n  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }\n  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }\n  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }\n  .m-md-3 { margin: 1rem !important; }\n  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }\n  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }\n  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }\n  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }\n  .m-md-4 { margin: 1.5rem !important; }\n  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }\n  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }\n  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }\n  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }\n  .m-md-5 { margin: 3rem !important; }\n  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }\n  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }\n  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }\n  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }\n  .p-md-0 { padding: 0px !important; }\n  .pt-md-0, .py-md-0 { padding-top: 0px !important; }\n  .pr-md-0, .px-md-0 { padding-right: 0px !important; }\n  .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }\n  .pl-md-0, .px-md-0 { padding-left: 0px !important; }\n  .p-md-1 { padding: 0.25rem !important; }\n  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }\n  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }\n  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }\n  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }\n  .p-md-2 { padding: 0.5rem !important; }\n  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }\n  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }\n  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }\n  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }\n  .p-md-3 { padding: 1rem !important; }\n  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }\n  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }\n  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }\n  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }\n  .p-md-4 { padding: 1.5rem !important; }\n  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }\n  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }\n  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }\n  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }\n  .p-md-5 { padding: 3rem !important; }\n  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }\n  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }\n  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }\n  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }\n  .m-md-auto { margin: auto !important; }\n  .mt-md-auto, .my-md-auto { margin-top: auto !important; }\n  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }\n  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }\n  .ml-md-auto, .mx-md-auto { margin-left: auto !important; }\n}@media (min-width: 992px) {\n  .m-lg-0 { margin: 0px !important; }\n  .mt-lg-0, .my-lg-0 { margin-top: 0px !important; }\n  .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; }\n  .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; }\n  .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; }\n  .m-lg-1 { margin: 0.25rem !important; }\n  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }\n  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }\n  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }\n  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }\n  .m-lg-2 { margin: 0.5rem !important; }\n  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }\n  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }\n  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }\n  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }\n  .m-lg-3 { margin: 1rem !important; }\n  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }\n  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }\n  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }\n  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }\n  .m-lg-4 { margin: 1.5rem !important; }\n  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }\n  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }\n  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }\n  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }\n  .m-lg-5 { margin: 3rem !important; }\n  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }\n  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }\n  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }\n  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }\n  .p-lg-0 { padding: 0px !important; }\n  .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }\n  .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }\n  .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }\n  .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }\n  .p-lg-1 { padding: 0.25rem !important; }\n  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }\n  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }\n  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }\n  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }\n  .p-lg-2 { padding: 0.5rem !important; }\n  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }\n  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }\n  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }\n  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }\n  .p-lg-3 { padding: 1rem !important; }\n  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }\n  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }\n  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }\n  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }\n  .p-lg-4 { padding: 1.5rem !important; }\n  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }\n  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }\n  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }\n  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }\n  .p-lg-5 { padding: 3rem !important; }\n  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }\n  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }\n  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }\n  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }\n  .m-lg-auto { margin: auto !important; }\n  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }\n  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }\n  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }\n  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }\n}@media (min-width: 1200px) {\n  .m-xl-0 { margin: 0px !important; }\n  .mt-xl-0, .my-xl-0 { margin-top: 0px !important; }\n  .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; }\n  .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; }\n  .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; }\n  .m-xl-1 { margin: 0.25rem !important; }\n  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }\n  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }\n  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }\n  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }\n  .m-xl-2 { margin: 0.5rem !important; }\n  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }\n  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }\n  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }\n  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }\n  .m-xl-3 { margin: 1rem !important; }\n  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }\n  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }\n  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }\n  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }\n  .m-xl-4 { margin: 1.5rem !important; }\n  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }\n  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }\n  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }\n  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }\n  .m-xl-5 { margin: 3rem !important; }\n  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }\n  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }\n  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }\n  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }\n  .p-xl-0 { padding: 0px !important; }\n  .pt-xl-0, .py-xl-0 { padding-top: 0px !important; }\n  .pr-xl-0, .px-xl-0 { padding-right: 0px !important; }\n  .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; }\n  .pl-xl-0, .px-xl-0 { padding-left: 0px !important; }\n  .p-xl-1 { padding: 0.25rem !important; }\n  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }\n  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }\n  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }\n  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }\n  .p-xl-2 { padding: 0.5rem !important; }\n  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }\n  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }\n  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }\n  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }\n  .p-xl-3 { padding: 1rem !important; }\n  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }\n  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }\n  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }\n  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }\n  .p-xl-4 { padding: 1.5rem !important; }\n  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }\n  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }\n  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }\n  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }\n  .p-xl-5 { padding: 3rem !important; }\n  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }\n  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }\n  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }\n  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }\n  .m-xl-auto { margin: auto !important; }\n  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }\n  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }\n  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }\n  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }\n}.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }.text-justify { text-align: justify !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }@media (min-width: 576px) {\n  .text-sm-left { text-align: left !important; }\n  .text-sm-right { text-align: right !important; }\n  .text-sm-center { text-align: center !important; }\n}@media (min-width: 768px) {\n  .text-md-left { text-align: left !important; }\n  .text-md-right { text-align: right !important; }\n  .text-md-center { text-align: center !important; }\n}@media (min-width: 992px) {\n  .text-lg-left { text-align: left !important; }\n  .text-lg-right { text-align: right !important; }\n  .text-lg-center { text-align: center !important; }\n}@media (min-width: 1200px) {\n  .text-xl-left { text-align: left !important; }\n  .text-xl-right { text-align: right !important; }\n  .text-xl-center { text-align: center !important; }\n}.text-lowercase { text-transform: lowercase !important; }.text-uppercase { text-transform: uppercase !important; }.text-capitalize { text-transform: capitalize !important; }.font-weight-light { font-weight: 300 !important; }.font-weight-normal { font-weight: 400 !important; }.font-weight-bold { font-weight: 700 !important; }.font-italic { font-style: italic !important; }.text-white { color: rgb(255, 255, 255) !important; }.text-primary { color: rgb(0, 123, 255) !important; }a.text-primary:focus, a.text-primary:hover { color: rgb(0, 98, 204) !important; }.text-secondary { color: rgb(108, 117, 125) !important; }a.text-secondary:focus, a.text-secondary:hover { color: rgb(84, 91, 98) !important; }.text-success { color: rgb(40, 167, 69) !important; }a.text-success:focus, a.text-success:hover { color: rgb(30, 126, 52) !important; }.text-info { color: rgb(23, 162, 184) !important; }a.text-info:focus, a.text-info:hover { color: rgb(17, 122, 139) !important; }.text-warning { color: rgb(255, 193, 7) !important; }a.text-warning:focus, a.text-warning:hover { color: rgb(211, 158, 0) !important; }.text-danger { color: rgb(220, 53, 69) !important; }a.text-danger:focus, a.text-danger:hover { color: rgb(189, 33, 48) !important; }.text-light { color: rgb(248, 249, 250) !important; }a.text-light:focus, a.text-light:hover { color: rgb(218, 224, 229) !important; }.text-dark { color: rgb(52, 58, 64) !important; }a.text-dark:focus, a.text-dark:hover { color: rgb(29, 33, 36) !important; }.text-body { color: rgb(33, 37, 41) !important; }.text-muted { color: rgb(108, 117, 125) !important; }.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; }.visible { visibility: visible !important; }.invisible { visibility: hidden !important; }@media print {\n  *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }\n  a:not(.btn) { text-decoration: underline; }\n  abbr[title]::after { content: \" (\" attr(title) \")\"; }\n  pre { white-space: pre-wrap !important; }\n  blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; }\n  thead { display: table-header-group; }\n  img, tr { break-inside: avoid; }\n  h2, h3, p { orphans: 3; widows: 3; }\n  h2, h3 { break-after: avoid; }\n  @page { size: a3; }\n  body { min-width: 992px !important; }\n  .container { min-width: 992px !important; }\n  .navbar { display: none; }\n  .badge { border: 1px solid rgb(0, 0, 0); }\n  .table { border-collapse: collapse !important; }\n  .table td, .table th { background-color: rgb(255, 255, 255) !important; }\n  .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; }\n  .table-dark { color: inherit; }\n  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); }\n  .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }\n}"},"childNodes":[],"id":22},{"type":3,"textContent":"\n\n  ","id":23},{"type":5,"textContent":" Custom styles for this template ","id":24},{"type":3,"textContent":"\n  ","id":25},{"type":2,"tagName":"link","attributes":{"_cssText":".container { max-width: 960px; }.lh-condensed { line-height: 1.25; }"},"childNodes":[],"id":26},{"type":3,"textContent":"\n","id":27}],"id":5},{"type":3,"textContent":"\n\n","id":28},{"type":2,"tagName":"body","attributes":{"class":"bg-light"},"childNodes":[{"type":3,"textContent":"\n\n  ","id":30},{"type":2,"tagName":"div","attributes":{"class":"container"},"childNodes":[{"type":3,"textContent":"\n    ","id":32},{"type":2,"tagName":"div","attributes":{"class":"py-5 text-center"},"childNodes":[{"type":3,"textContent":"\n      ","id":34},{"type":2,"tagName":"img","attributes":{"class":"d-block mx-auto mb-4","src":"http://127.0.0.1:5500/checkout-demo/index_files/bootstrap-solid.svg","alt":"","width":"72","height":"72"},"childNodes":[],"id":35},{"type":3,"textContent":"\n      ","id":36},{"type":2,"tagName":"h2","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout form","id":38}],"id":37},{"type":3,"textContent":"\n      ","id":39},{"type":2,"tagName":"p","attributes":{"class":"lead"},"childNodes":[{"type":3,"textContent":"Below is an example form built entirely with Bootstrap's form controls. Each required form group\n        has\n        a validation state that can be triggered by attempting to submit the form without completing it.","id":41}],"id":40},{"type":3,"textContent":"\n    ","id":42}],"id":33},{"type":3,"textContent":"\n\n    ","id":43},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n      ","id":45},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 order-md-2 mb-4"},"childNodes":[{"type":3,"textContent":"\n        ","id":47},{"type":2,"tagName":"h4","attributes":{"class":"d-flex justify-content-between align-items-center mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":49},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Your cart","id":51}],"id":50},{"type":3,"textContent":"\n          ","id":52},{"type":2,"tagName":"span","attributes":{"class":"badge badge-secondary badge-pill"},"childNodes":[{"type":3,"textContent":"3","id":54}],"id":53},{"type":3,"textContent":"\n        ","id":55}],"id":48},{"type":3,"textContent":"\n        ","id":56},{"type":2,"tagName":"ul","attributes":{"class":"list-group mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":58},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":60},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":62},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Product name","id":64}],"id":63},{"type":3,"textContent":"\n              ","id":65},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":67}],"id":66},{"type":3,"textContent":"\n            ","id":68}],"id":61},{"type":3,"textContent":"\n            ","id":69},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$12","id":71}],"id":70},{"type":3,"textContent":"\n          ","id":72}],"id":59},{"type":3,"textContent":"\n          ","id":73},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":75},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":77},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Second product","id":79}],"id":78},{"type":3,"textContent":"\n              ","id":80},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":82}],"id":81},{"type":3,"textContent":"\n            ","id":83}],"id":76},{"type":3,"textContent":"\n            ","id":84},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$8","id":86}],"id":85},{"type":3,"textContent":"\n          ","id":87}],"id":74},{"type":3,"textContent":"\n          ","id":88},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":90},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":92},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Third item","id":94}],"id":93},{"type":3,"textContent":"\n              ","id":95},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":97}],"id":96},{"type":3,"textContent":"\n            ","id":98}],"id":91},{"type":3,"textContent":"\n            ","id":99},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$5","id":101}],"id":100},{"type":3,"textContent":"\n          ","id":102}],"id":89},{"type":3,"textContent":"\n          ","id":103},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between bg-light"},"childNodes":[{"type":3,"textContent":"\n            ","id":105},{"type":2,"tagName":"div","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"\n              ","id":107},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Promo code","id":109}],"id":108},{"type":3,"textContent":"\n              ","id":110},{"type":2,"tagName":"small","attributes":{},"childNodes":[{"type":3,"textContent":"EXAMPLECODE","id":112}],"id":111},{"type":3,"textContent":"\n            ","id":113}],"id":106},{"type":3,"textContent":"\n            ","id":114},{"type":2,"tagName":"span","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"-$5","id":116}],"id":115},{"type":3,"textContent":"\n          ","id":117}],"id":104},{"type":3,"textContent":"\n          ","id":118},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between"},"childNodes":[{"type":3,"textContent":"\n            ","id":120},{"type":2,"tagName":"span","attributes":{},"childNodes":[{"type":3,"textContent":"Total (USD)","id":122}],"id":121},{"type":3,"textContent":"\n            ","id":123},{"type":2,"tagName":"strong","attributes":{},"childNodes":[{"type":3,"textContent":"$20","id":125}],"id":124},{"type":3,"textContent":"\n          ","id":126}],"id":119},{"type":3,"textContent":"\n        ","id":127}],"id":57},{"type":3,"textContent":"\n\n        ","id":128},{"type":2,"tagName":"form","attributes":{"class":"card p-2"},"childNodes":[{"type":3,"textContent":"\n          ","id":130},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n            ","id":132},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","placeholder":"Promo code"},"childNodes":[],"id":133},{"type":3,"textContent":"\n            ","id":134},{"type":2,"tagName":"div","attributes":{"class":"input-group-append"},"childNodes":[{"type":3,"textContent":"\n              ","id":136},{"type":2,"tagName":"button","attributes":{"type":"submit","class":"btn btn-secondary"},"childNodes":[{"type":3,"textContent":"Redeem","id":138}],"id":137},{"type":3,"textContent":"\n            ","id":139}],"id":135},{"type":3,"textContent":"\n          ","id":140}],"id":131},{"type":3,"textContent":"\n        ","id":141}],"id":129},{"type":3,"textContent":"\n      ","id":142}],"id":46},{"type":3,"textContent":"\n      ","id":143},{"type":2,"tagName":"div","attributes":{"class":"col-md-8 order-md-1"},"childNodes":[{"type":3,"textContent":"\n        ","id":145},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Billing address","id":147}],"id":146},{"type":3,"textContent":"\n        ","id":148},{"type":2,"tagName":"form","attributes":{"class":"needs-validation","novalidate":""},"childNodes":[{"type":3,"textContent":"\n          ","id":150},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":152},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":154},{"type":2,"tagName":"label","attributes":{"for":"firstName"},"childNodes":[{"type":3,"textContent":"First name","id":156}],"id":155},{"type":3,"textContent":"\n              ","id":157},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"firstName","placeholder":"","value":"","required":""},"childNodes":[],"id":158},{"type":3,"textContent":"\n              ","id":159},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid first name is required.\n              ","id":161}],"id":160},{"type":3,"textContent":"\n            ","id":162}],"id":153},{"type":3,"textContent":"\n            ","id":163},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":165},{"type":2,"tagName":"label","attributes":{"for":"lastName"},"childNodes":[{"type":3,"textContent":"Last name","id":167}],"id":166},{"type":3,"textContent":"\n              ","id":168},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"lastName","placeholder":"","value":"","required":""},"childNodes":[],"id":169},{"type":3,"textContent":"\n              ","id":170},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid last name is required.\n              ","id":172}],"id":171},{"type":3,"textContent":"\n            ","id":173}],"id":164},{"type":3,"textContent":"\n          ","id":174}],"id":151},{"type":3,"textContent":"\n\n          ","id":175},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":177},{"type":2,"tagName":"label","attributes":{"for":"username"},"childNodes":[{"type":3,"textContent":"Username","id":179}],"id":178},{"type":3,"textContent":"\n            ","id":180},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n              ","id":182},{"type":2,"tagName":"div","attributes":{"class":"input-group-prepend"},"childNodes":[{"type":3,"textContent":"\n                ","id":184},{"type":2,"tagName":"span","attributes":{"class":"input-group-text"},"childNodes":[{"type":3,"textContent":"@","id":186}],"id":185},{"type":3,"textContent":"\n              ","id":187}],"id":183},{"type":3,"textContent":"\n              ","id":188},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"username","placeholder":"Username","required":""},"childNodes":[],"id":189},{"type":3,"textContent":"\n              ","id":190},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback","style":"width: 100%;"},"childNodes":[{"type":3,"textContent":"\n                Your username is required.\n              ","id":192}],"id":191},{"type":3,"textContent":"\n            ","id":193}],"id":181},{"type":3,"textContent":"\n          ","id":194}],"id":176},{"type":3,"textContent":"\n\n          ","id":195},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":197},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"Email ","id":199},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":201}],"id":200}],"id":198},{"type":3,"textContent":"\n            ","id":202},{"type":2,"tagName":"input","attributes":{"type":"email","class":"form-control","id":"email","placeholder":"you@example.com"},"childNodes":[],"id":203},{"type":3,"textContent":"\n            ","id":204},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter a valid email address for shipping updates.\n            ","id":206}],"id":205},{"type":3,"textContent":"\n          ","id":207}],"id":196},{"type":3,"textContent":"\n\n          ","id":208},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":210},{"type":2,"tagName":"label","attributes":{"for":"address"},"childNodes":[{"type":3,"textContent":"Address","id":212}],"id":211},{"type":3,"textContent":"\n            ","id":213},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address","placeholder":"1234 Main St","required":""},"childNodes":[],"id":214},{"type":3,"textContent":"\n            ","id":215},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter your shipping address.\n            ","id":217}],"id":216},{"type":3,"textContent":"\n          ","id":218}],"id":209},{"type":3,"textContent":"\n\n          ","id":219},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":221},{"type":2,"tagName":"label","attributes":{"for":"address2"},"childNodes":[{"type":3,"textContent":"Address 2 ","id":223},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":225}],"id":224}],"id":222},{"type":3,"textContent":"\n            ","id":226},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address2","placeholder":"Apartment or suite"},"childNodes":[],"id":227},{"type":3,"textContent":"\n          ","id":228}],"id":220},{"type":3,"textContent":"\n\n          ","id":229},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":231},{"type":2,"tagName":"div","attributes":{"class":"col-md-5 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":233},{"type":2,"tagName":"label","attributes":{"for":"country"},"childNodes":[{"type":3,"textContent":"Country","id":235}],"id":234},{"type":3,"textContent":"\n              ","id":236},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"country","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":238},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":240}],"id":239},{"type":3,"textContent":"\n                ","id":241},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"United States","id":243}],"id":242},{"type":3,"textContent":"\n              ","id":244}],"id":237},{"type":3,"textContent":"\n              ","id":245},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please select a valid country.\n              ","id":247}],"id":246},{"type":3,"textContent":"\n            ","id":248}],"id":232},{"type":3,"textContent":"\n            ","id":249},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":251},{"type":2,"tagName":"label","attributes":{"for":"state"},"childNodes":[{"type":3,"textContent":"State","id":253}],"id":252},{"type":3,"textContent":"\n              ","id":254},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"state","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":256},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":258}],"id":257},{"type":3,"textContent":"\n                ","id":259},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"California","id":261}],"id":260},{"type":3,"textContent":"\n              ","id":262}],"id":255},{"type":3,"textContent":"\n              ","id":263},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please provide a valid state.\n              ","id":265}],"id":264},{"type":3,"textContent":"\n            ","id":266}],"id":250},{"type":3,"textContent":"\n            ","id":267},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":269},{"type":2,"tagName":"label","attributes":{"for":"zip"},"childNodes":[{"type":3,"textContent":"Zip","id":271}],"id":270},{"type":3,"textContent":"\n              ","id":272},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"zip","placeholder":"","required":""},"childNodes":[],"id":273},{"type":3,"textContent":"\n              ","id":274},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Zip code required.\n              ","id":276}],"id":275},{"type":3,"textContent":"\n            ","id":277}],"id":268},{"type":3,"textContent":"\n          ","id":278}],"id":230},{"type":3,"textContent":"\n          ","id":279},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":280},{"type":3,"textContent":"\n          ","id":281},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":283},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"same-address"},"childNodes":[],"id":284},{"type":3,"textContent":"\n            ","id":285},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"same-address"},"childNodes":[{"type":3,"textContent":"Shipping address is the same as my billing address","id":287}],"id":286},{"type":3,"textContent":"\n          ","id":288}],"id":282},{"type":3,"textContent":"\n          ","id":289},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":291},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"save-info"},"childNodes":[],"id":292},{"type":3,"textContent":"\n            ","id":293},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"save-info"},"childNodes":[{"type":3,"textContent":"Save this information for next time","id":295}],"id":294},{"type":3,"textContent":"\n          ","id":296}],"id":290},{"type":3,"textContent":"\n          ","id":297},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":298},{"type":3,"textContent":"\n\n          ","id":299},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Payment","id":301}],"id":300},{"type":3,"textContent":"\n\n          ","id":302},{"type":2,"tagName":"div","attributes":{"class":"d-block my-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":304},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":306},{"type":2,"tagName":"input","attributes":{"id":"credit","name":"paymentMethod","type":"radio","class":"custom-control-input","checked":true,"required":""},"childNodes":[],"id":307},{"type":3,"textContent":"\n              ","id":308},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"credit"},"childNodes":[{"type":3,"textContent":"Credit card","id":310}],"id":309},{"type":3,"textContent":"\n            ","id":311}],"id":305},{"type":3,"textContent":"\n            ","id":312},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":314},{"type":2,"tagName":"input","attributes":{"id":"debit","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":315},{"type":3,"textContent":"\n              ","id":316},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"debit"},"childNodes":[{"type":3,"textContent":"Debit card","id":318}],"id":317},{"type":3,"textContent":"\n            ","id":319}],"id":313},{"type":3,"textContent":"\n            ","id":320},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":322},{"type":2,"tagName":"input","attributes":{"id":"paypal","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":323},{"type":3,"textContent":"\n              ","id":324},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"paypal"},"childNodes":[{"type":3,"textContent":"PayPal","id":326}],"id":325},{"type":3,"textContent":"\n            ","id":327}],"id":321},{"type":3,"textContent":"\n          ","id":328}],"id":303},{"type":3,"textContent":"\n          ","id":329},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":331},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":333},{"type":2,"tagName":"label","attributes":{"for":"cc-name"},"childNodes":[{"type":3,"textContent":"Name on card","id":335}],"id":334},{"type":3,"textContent":"\n              ","id":336},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-name","placeholder":"","required":""},"childNodes":[],"id":337},{"type":3,"textContent":"\n              ","id":338},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Full name as displayed on card","id":340}],"id":339},{"type":3,"textContent":"\n              ","id":341},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Name on card is required\n              ","id":343}],"id":342},{"type":3,"textContent":"\n            ","id":344}],"id":332},{"type":3,"textContent":"\n            ","id":345},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":347},{"type":2,"tagName":"label","attributes":{"for":"cc-number"},"childNodes":[{"type":3,"textContent":"Credit card number","id":349}],"id":348},{"type":3,"textContent":"\n              ","id":350},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-number","placeholder":"","required":""},"childNodes":[],"id":351},{"type":3,"textContent":"\n              ","id":352},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Credit card number is required\n              ","id":354}],"id":353},{"type":3,"textContent":"\n            ","id":355}],"id":346},{"type":3,"textContent":"\n          ","id":356}],"id":330},{"type":3,"textContent":"\n          ","id":357},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":359},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":361},{"type":2,"tagName":"label","attributes":{"for":"cc-expiration"},"childNodes":[{"type":3,"textContent":"Expiration","id":363}],"id":362},{"type":3,"textContent":"\n              ","id":364},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-expiration","placeholder":"","required":""},"childNodes":[],"id":365},{"type":3,"textContent":"\n              ","id":366},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Expiration date required\n              ","id":368}],"id":367},{"type":3,"textContent":"\n            ","id":369}],"id":360},{"type":3,"textContent":"\n            ","id":370},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":372},{"type":2,"tagName":"label","attributes":{"for":"cc-cvv"},"childNodes":[{"type":3,"textContent":"CVV","id":374}],"id":373},{"type":3,"textContent":"\n              ","id":375},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-cvv","placeholder":"","required":""},"childNodes":[],"id":376},{"type":3,"textContent":"\n              ","id":377},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Security code required\n              ","id":379}],"id":378},{"type":3,"textContent":"\n            ","id":380}],"id":371},{"type":3,"textContent":"\n          ","id":381}],"id":358},{"type":3,"textContent":"\n          ","id":382},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":384},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"textarea ","id":386},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":388}],"id":387}],"id":385},{"type":3,"textContent":"\n            ","id":389},{"type":2,"tagName":"textarea","attributes":{"name":"","id":"","cols":"30","rows":"10"},"childNodes":[],"id":390},{"type":3,"textContent":"\n          ","id":391}],"id":383},{"type":3,"textContent":"\n          ","id":392},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":393},{"type":3,"textContent":"\n          ","id":394},{"type":2,"tagName":"button","attributes":{"class":"btn btn-primary btn-lg btn-block","type":"submit"},"childNodes":[{"type":3,"textContent":"Continue to checkout","id":396}],"id":395},{"type":3,"textContent":"\n        ","id":397}],"id":149},{"type":3,"textContent":"\n      ","id":398}],"id":144},{"type":3,"textContent":"\n    ","id":399}],"id":44},{"type":3,"textContent":"\n\n    ","id":400},{"type":2,"tagName":"footer","attributes":{"class":"my-5 pt-5 text-muted text-center text-small"},"childNodes":[{"type":3,"textContent":"\n      ","id":402},{"type":2,"tagName":"p","attributes":{"class":"mb-1"},"childNodes":[{"type":3,"textContent":"© 2017-2018 Company Name","id":404}],"id":403},{"type":3,"textContent":"\n      ","id":405},{"type":2,"tagName":"ul","attributes":{"class":"list-inline"},"childNodes":[{"type":3,"textContent":"\n        ","id":407},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Privacy","id":410}],"id":409}],"id":408},{"type":3,"textContent":"\n        ","id":411},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Terms","id":414}],"id":413}],"id":412},{"type":3,"textContent":"\n        ","id":415},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Support","id":418}],"id":417}],"id":416},{"type":3,"textContent":"\n      ","id":419}],"id":406},{"type":3,"textContent":"\n    ","id":420}],"id":401},{"type":3,"textContent":"\n  ","id":421}],"id":31},{"type":3,"textContent":"\n\n  ","id":422},{"type":5,"textContent":" Bootstrap core JavaScript\n    ================================================== ","id":423},{"type":3,"textContent":"\n  ","id":424},{"type":5,"textContent":" Placed at the end of the document so the pages load faster ","id":425},{"type":3,"textContent":"\n  ","id":426},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/jquery-3.3.1.slim.min.js","integrity":"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo","crossorigin":"anonymous"},"childNodes":[],"id":427},{"type":3,"textContent":"\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/popper.min.js"},"childNodes":[],"id":432},{"type":3,"textContent":"\n  ","id":433},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/bootstrap.min.js"},"childNodes":[],"id":434},{"type":3,"textContent":"\n  ","id":435},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/holder.min.js"},"childNodes":[],"id":436},{"type":3,"textContent":"\n  ","id":437},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":439}],"id":438},{"type":3,"textContent":"\n\n  ","id":440},{"type":5,"textContent":" logrocket ","id":441},{"type":3,"textContent":"\n\n  ","id":442},{"type":5,"textContent":" <script src=\"../reverse-engineer/LogRocket.js\"></script>\n  <script>\n    LogRocket.init('bqsqi3/serenity');\n  </script> ","id":443},{"type":3,"textContent":"\n\n  ","id":444},{"type":5,"textContent":" fundebug ","id":445},{"type":3,"textContent":"\n\n  ","id":446},{"type":5,"textContent":" <script src=\"https://js.fundebug.cn/fundebug.1.2.3.min.js\"\n  apikey=\"2e96393d0884f5ef28b95645008da9926cb6750dae6b2a4c7a2403fac4d889ab\" silentVideo=false></script>\n   ","id":447},{"type":3,"textContent":"\n\n  ","id":448},{"type":5,"textContent":" fullstory ","id":449},{"type":3,"textContent":"\n\n  ","id":450},{"type":5,"textContent":" <script>\n    window['_fs_debug'] = false;\n    window['_fs_host'] = 'fullstory.com';\n    window['_fs_org'] = 'EYQ69';\n    window['_fs_namespace'] = 'FS';\n    (function (m, n, e, t, l, o, g, y) {\n      if (e in m) { if (m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window[\"_fs_namespace\"].'); } return; }\n      g = m[e] = function (a, b) { g.q ? g.q.push([a, b]) : g._api(a, b); }; g.q = [];\n      o = n.createElement(t); o.async = 1; o.src = 'https://' + _fs_host + '/s/fs.js';\n      y = n.getElementsByTagName(t)[0]; y.parentNode.insertBefore(o, y);\n      g.identify = function (i, v) { g(l, { uid: i }); if (v) g(l, v) }; g.setUserVars = function (v) { g(l, v) }; g.event = function (i, v) { g('event', { n: i, p: v }) };\n      g.shutdown = function () { g(\"rec\", !1) }; g.restart = function () { g(\"rec\", !0) };\n      g.consent = function (a) { g(\"consent\", !arguments.length || a) };\n      g.identifyAccount = function (i, v) { o = 'account'; v = v || {}; v.acctId = i; g(o, v) };\n      g.clearUserCookie = function () { };\n    })(window, document, window['_fs_namespace'], 'script', 'user');\n  </script> ","id":451},{"type":3,"textContent":"\n\n  ","id":452},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/src/record.js"},"childNodes":[],"id":453},{"type":3,"textContent":"\n  ","id":454},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":456}],"id":455},{"type":3,"textContent":"\n\n","id":457},{"type":5,"textContent":" Code injected by live-server ","id":458},{"type":3,"textContent":"\n","id":459},{"type":2,"tagName":"script","attributes":{"type":"text/javascript"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":461}],"id":460},{"type":3,"textContent":"\n\n","id":462}],"id":29}],"id":4}],"id":1},"initialOffset":{"left":0,"top":583}},"timestamp":1539674870338},{"type":3,"data":{"source":3,"id":1,"x":0,"y":582},"timestamp":1539674871058},{"type":3,"data":{"source":3,"id":1,"x":0,"y":528},"timestamp":1539674871158},{"type":3,"data":{"source":3,"id":1,"x":0,"y":375},"timestamp":1539674871258},{"type":3,"data":{"source":3,"id":1,"x":0,"y":318},"timestamp":1539674871358},{"type":3,"data":{"source":3,"id":1,"x":0,"y":317},"timestamp":1539674871523},{"type":3,"data":{"source":3,"id":1,"x":0,"y":275},"timestamp":1539674871624},{"type":3,"data":{"source":3,"id":1,"x":0,"y":148},"timestamp":1539674871724},{"type":3,"data":{"source":3,"id":1,"x":0,"y":59},"timestamp":1539674871824},{"type":3,"data":{"source":3,"id":1,"x":0,"y":53},"timestamp":1539674871923},{"type":3,"data":{"source":3,"id":1,"x":0,"y":54},"timestamp":1539674872190},{"type":3,"data":{"source":1,"positions":[{"x":1065,"y":237,"timeOffset":0}]},"timestamp":1539674872291},{"type":3,"data":{"source":3,"id":1,"x":0,"y":156},"timestamp":1539674872291},{"type":3,"data":{"source":3,"id":1,"x":0,"y":468},"timestamp":1539674872392},{"type":3,"data":{"source":3,"id":1,"x":0,"y":477},"timestamp":1539674872492},{"type":3,"data":{"source":3,"id":1,"x":0,"y":478},"timestamp":1539674872641},{"type":3,"data":{"source":3,"id":1,"x":0,"y":527},"timestamp":1539674872741},{"type":3,"data":{"source":1,"positions":[{"x":1064,"y":239,"timeOffset":-467}]},"timestamp":1539674872792},{"type":3,"data":{"source":3,"id":1,"x":0,"y":699},"timestamp":1539674872841},{"type":3,"data":{"source":3,"id":1,"x":0,"y":742},"timestamp":1539674872942},{"type":3,"data":{"source":1,"positions":[{"x":1064,"y":239,"timeOffset":-417},{"x":1065,"y":239,"timeOffset":-384},{"x":1066,"y":239,"timeOffset":-336},{"x":1066,"y":238,"timeOffset":-116},{"x":1066,"y":236,"timeOffset":-85},{"x":1068,"y":229,"timeOffset":-35},{"x":1077,"y":205,"timeOffset":-2}]},"timestamp":1539674873292},{"type":3,"data":{"source":1,"positions":[{"x":1088,"y":163,"timeOffset":-470},{"x":1098,"y":115,"timeOffset":-437},{"x":1104,"y":80,"timeOffset":-403},{"x":1104,"y":50,"timeOffset":-370},{"x":1104,"y":43,"timeOffset":-336},{"x":1104,"y":42,"timeOffset":-237},{"x":1104,"y":32,"timeOffset":-203},{"x":1105,"y":11,"timeOffset":-170}]},"timestamp":1539674873793}];
+
 const app = new App({
   target: document.body,
   data: {
-    name: 'world',
+    events,
   },
 });
 

From a489ce6246b3545e5caef5f118eeb0ceb9dad3af Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 111/345] Release 0.7.15

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a18289c1..db738cba 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From edadb57eb41994e50ce637a58975dec2ca670068 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 112/345] add player controller

---
 src/App.html        |   3 --
 src/Controller.html | 108 +++++++++++++++++++++++++++++++++++++++++
 src/Player.html     | 114 +++++++++++++++++++++++++-------------------
 src/util.js         |   7 ---
 src/utils.js        |  33 +++++++++++++
 5 files changed, 206 insertions(+), 59 deletions(-)
 create mode 100644 src/Controller.html
 delete mode 100644 src/util.js
 create mode 100644 src/utils.js

diff --git a/src/App.html b/src/App.html
index c54fde62..f19586f4 100644
--- a/src/App.html
+++ b/src/App.html
@@ -1,6 +1,3 @@
-<h1>
-  rrweb player playground
-</h1>
 <Player {events} />
 
 <style>
diff --git a/src/Controller.html b/src/Controller.html
new file mode 100644
index 00000000..6a62eb1e
--- /dev/null
+++ b/src/Controller.html
@@ -0,0 +1,108 @@
+<div class="rr-controller">
+  <div class="rr-timeline">
+    <span class="rr-timeline__time">{formatTime(currentTime)}</span>
+    <div class="rr-progress">
+      <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
+      <div class="rr-progress__handler" ref:handler style="left: {percentage}"></div>
+    </div>
+    <span class="rr-timeline__time">{formatTime(meta.totalTime)}</span>
+  </div>
+  <button>pause</button>
+</div>
+
+<script>
+  import { formatTime } from './utils.js';
+
+  export default {
+    data() {
+      return {
+        currentTime: 0,
+      };
+    },
+    computed: {
+      meta({ replayer }) {
+        return replayer.getMetaData();
+      },
+      percentage({ currentTime, meta }) {
+        return `${100 * currentTime / meta.totalTime}%`;
+      },
+    },
+    helpers: {
+      formatTime,
+    },
+    methods: {
+      loopTimer() {
+        const now = performance.now();
+        const self = this;
+
+        function update(step) {
+          let { currentTime, meta } = self.get();
+          currentTime = Math.floor(step - now);
+          self.set({ currentTime });
+
+          if (currentTime < meta.totalTime) {
+            requestAnimationFrame(update);
+          }
+        }
+
+        requestAnimationFrame(update);
+      },
+    },
+    onupdate({ changed, current }) {
+      if (changed.replayer) {
+        this.loopTimer();
+        current.replayer.play();
+      }
+    },
+  };
+</script>
+
+<style>
+  .rr-controller {
+    width: 100%;
+    height: 80px;
+    background: rgba(0, 0, 0, .5);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    padding: 10px;
+  }
+
+  .rr-timeline {
+    width: 80%;
+    display: flex;
+    align-items: center
+  }
+
+  .rr-timeline__time {
+    padding: 0 20px;
+    color: white;
+  }
+
+  .rr-progress {
+    width: 100%;
+    height: 4px;
+    background: white;
+    position: relative;
+    border-radius: 3px;
+  }
+
+  .rr-progress__step {
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background: orange
+  }
+
+  .rr-progress__handler {
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    position: absolute;
+    top: 2px;
+    transform: translate(-50%, -50%);
+    background: orange;
+  }
+</style>
\ No newline at end of file
diff --git a/src/Player.html b/src/Player.html
index 1d5a5617..b47fe52a 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,10 +1,65 @@
 <div class="rr-player">
   <div class="rr-player__frame" ref:frame { style }></div>
+  {#if replayer}
+  <Controller { replayer } />
+  {/if}
 </div>
 
+<script>
+  import { Replayer } from 'rrweb';
+  import { inlineCss } from './utils.js';
+
+  export default {
+    components: {
+      Controller: './Controller.html',
+    },
+    data() {
+      return {
+        width: 1024,
+        height: 576,
+        events: [],
+        replayer: null,
+      };
+    },
+    computed: {
+      style({ width, height }) {
+        return inlineCss({
+          width: `${width}px`,
+          height: `${height}px`,
+        });
+      },
+    },
+    methods: {
+      updateScale(el, frameDimension) {
+        const { width, height } = this.get();
+        const widthScale = (width - 20) / frameDimension.width;
+        const heightScale = (height - 20) / frameDimension.height;
+        el.style.transform =
+          `scale(${Math.min(widthScale, heightScale, 1)})` +
+          'translate(-50%, -50%)';
+      },
+    },
+    oncreate(p) {
+      const { events } = this.get();
+      const replayer = new Replayer(events, {
+        speed: 1,
+        root: this.refs.frame,
+      });
+      replayer.on('resize', (dimension) =>
+        this.updateScale(replayer.wrapper, dimension)
+      );
+      this.set({
+        replayer,
+      });
+    },
+  };
+
+
+</script>
+
 <style>
   .rr-player {
-    border: 3px solid indianred;
+    background: white;
     float: left;
     clear: both;
   }
@@ -17,9 +72,14 @@
     float: left;
     clear: both;
     transform-origin: top left;
-    left: 50%;
-    top: 50%;
-    border: 2px solid grey;
+    left: calc(50% - 10px);
+    top: calc(50% - 10px);
+    margin: 10px;
+    box-shadow: 0 3px 28px rgba(0, 0, 0, 0.25), 0 1px 10px rgba(0, 0, 0, 0.22);
+  }
+
+  :global(.replayer-wrapper > iframe) {
+    border: none;
   }
 
   /* get from rrweb */
@@ -43,48 +103,4 @@
     transform: translate(-10px, -10px);
     opacity: 0.5;
   }
-</style>
-
-<script>
-  import { Replayer } from 'rrweb';
-  import { inlineCss } from './util.js';
-
-  export default {
-    data() {
-      return {
-        width: 1024,
-        height: 576,
-        events: [],
-      };
-    },
-    computed: {
-      style({ width, height }) {
-        return inlineCss({
-          width: `${width}px`,
-          height: `${height}px`,
-        });
-      },
-    },
-    methods: {
-      updateScale(el, frameDimension) {
-        const { width, height } = this.get();
-        const widthScale = width / frameDimension.width;
-        const heightScale = height / frameDimension.height;
-        el.style.transform =
-          `scale(${Math.min(widthScale, heightScale, 1)})` +
-          'translate(-50%, -50%)';
-      },
-    },
-    oncreate(p) {
-      const { events } = this.get();
-      const replayer = new Replayer(events, {
-        speed: 1,
-        root: this.refs.frame,
-        onResize: (dimension) => this.updateScale(replayer.wrapper, dimension),
-      });
-      replayer.play();
-    },
-  };
-
-
-</script>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/util.js b/src/util.js
deleted file mode 100644
index da07ec19..00000000
--- a/src/util.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export function inlineCss(cssObj) {
-  let style = '';
-  Object.keys(cssObj).forEach(key => {
-    style += `${key}: ${cssObj[key]};`;
-  });
-  return style;
-}
diff --git a/src/utils.js b/src/utils.js
new file mode 100644
index 00000000..b19c4603
--- /dev/null
+++ b/src/utils.js
@@ -0,0 +1,33 @@
+export function inlineCss(cssObj) {
+  let style = '';
+  Object.keys(cssObj).forEach(key => {
+    style += `${key}: ${cssObj[key]};`;
+  });
+  return style;
+}
+
+function padZero(num, len = 2) {
+  const threshold = Math.pow(10, len - 1);
+  if (num < threshold) {
+    num = String(num);
+    while (String(threshold).length > num.length) {
+      num = '0' + num;
+    }
+  }
+  return num;
+}
+
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+export function formatTime(ms) {
+  const hour = Math.floor(ms / HOUR);
+  ms = ms % HOUR;
+  const minute = Math.floor(ms / MINUTE);
+  ms = ms % MINUTE;
+  const second = Math.floor(ms / SECOND);
+  if (hour) {
+    return `${padZero(hour)}:${padZero(minute)}:${padZero(minute)}`;
+  }
+  return `${padZero(hour)}:${padZero(second)}`;
+}

From 2ba72c3a29ba25d4a2e85c751090cdb23cb31a20 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 113/345] pass mask all input option recursively

---
 src/snapshot.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 0cd79471..37c97887 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -289,6 +289,7 @@ export function serializeNodeWithId(
         blockClass,
         skipChild,
         inlineStylesheet,
+        maskAllInputs,
       );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);

From e1a66810f276b758e027df0593d5cfcd8705fc93 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 114/345] impl controller play, pause and speed

---
 src/Controller.html | 62 ++++++++++++++++++++++++++++++++++++++-------
 src/main.js         |  2 +-
 2 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/src/Controller.html b/src/Controller.html
index 6a62eb1e..fae07542 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -7,7 +7,14 @@
     </div>
     <span class="rr-timeline__time">{formatTime(meta.totalTime)}</span>
   </div>
-  <button>pause</button>
+  <div class="rr-controller__btns">
+    <button on:click="toggle()">
+      {isPlaying ? 'pause' : 'play'}
+    </button>
+    {#each [1, 2, 4, 8] as s}
+    <button class:active="s === speed" on:click="set({ speed: s })">{s}x</button>
+    {/each}
+  </div>
 </div>
 
 <script>
@@ -17,6 +24,8 @@
     data() {
       return {
         currentTime: 0,
+        isPlaying: false,
+        speed: 1,
       };
     },
     computed: {
@@ -24,7 +33,8 @@
         return replayer.getMetaData();
       },
       percentage({ currentTime, meta }) {
-        return `${100 * currentTime / meta.totalTime}%`;
+        const percent = Math.min(1, currentTime / meta.totalTime);
+        return `${100 * percent}%`;
       },
     },
     helpers: {
@@ -33,25 +43,55 @@
     methods: {
       loopTimer() {
         const now = performance.now();
+        let lastStep = now;
         const self = this;
 
         function update(step) {
-          let { currentTime, meta } = self.get();
-          currentTime = Math.floor(step - now);
-          self.set({ currentTime });
+          let { currentTime, meta, isPlaying, speed } = self.get();
+          if (!isPlaying) {
+            return;
+          }
+
+          const stepDiff = Math.floor(step - lastStep);
+          lastStep = step;
+          currentTime += speed * stepDiff;
+          self.set({
+            currentTime: Math.min(currentTime, meta.totalTime),
+          });
 
           if (currentTime < meta.totalTime) {
             requestAnimationFrame(update);
+          } else {
+            self.set({ isPlaying: false, currentTime: 0 });
           }
         }
 
         requestAnimationFrame(update);
       },
-    },
-    onupdate({ changed, current }) {
-      if (changed.replayer) {
+      play() {
+        const { replayer } = this.get();
+        // replayer.play();
         this.loopTimer();
-        current.replayer.play();
+      },
+      pause() {
+        const { replayer } = this.get();
+        replayer.pause();
+      },
+      toggle() {
+        const { isPlaying } = this.get();
+        this.set({ isPlaying: !isPlaying });
+        if (isPlaying) {
+          this.pause();
+        } else {
+          this.play();
+        }
+      },
+    },
+    onupdate({ changed, current, previous }) {
+      if (current.replayer && !previous) {
+        // auto play
+        this.set({ isPlaying: true });
+        this.play();
       }
     },
   };
@@ -105,4 +145,8 @@
     transform: translate(-50%, -50%);
     background: orange;
   }
+
+  .rr-controller__btns button.active {
+    color: orange;
+  }
 </style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index e69387f8..09822892 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,7 +3,7 @@ import App from './App.html';
 const events =
   // prettier-ignore
   // eslint-disable-next-line
-  [{"type":0,"data":{"href":"http://127.0.0.1:5500/checkout-demo/index.html?"},"timestamp":1539674870305},{"type":1,"data":{"width":1173,"height":711},"timestamp":1539674870317},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":5,"textContent":" saved from url=(0052)https://getbootstrap.com/docs/4.1/examples/checkout/ ","id":3},{"type":2,"tagName":"html","attributes":{"lang":"en"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":6},{"type":2,"tagName":"meta","attributes":{"http-equiv":"Content-Type","content":"text/html; charset=UTF-8"},"childNodes":[],"id":7},{"type":3,"textContent":"\n\n  ","id":8},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1, shrink-to-fit=no"},"childNodes":[],"id":9},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"meta","attributes":{"name":"description","content":""},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"meta","attributes":{"name":"author","content":""},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"link","attributes":{"rel":"icon","href":"https://getbootstrap.com/favicon.ico"},"childNodes":[],"id":15},{"type":3,"textContent":"\n\n  ","id":16},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout example for Bootstrap","id":18}],"id":17},{"type":3,"textContent":"\n\n  ","id":19},{"type":5,"textContent":" Bootstrap core CSS ","id":20},{"type":3,"textContent":"\n  ","id":21},{"type":2,"tagName":"link","attributes":{"_cssText":":root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; }*, ::after, ::before { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }[tabindex=\"-1\"]:focus { outline: 0px !important; }hr { box-sizing: content-box; height: 0px; overflow: visible; }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; }address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }dt { font-weight: 700; }dd { margin-bottom: 0.5rem; margin-left: 0px; }blockquote { margin: 0px 0px 1rem; }dfn { font-style: italic; }b, strong { font-weight: bolder; }small { font-size: 80%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sub { bottom: -0.25em; }sup { top: -0.5em; }a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }a:hover { color: rgb(0, 86, 179); text-decoration: underline; }a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus { outline: 0px; }code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em; }pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }figure { margin: 0px 0px 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; }th { text-align: inherit; }label { display: inline-block; margin-bottom: 0.5rem; }button { border-radius: 0px; }button:focus { outline: -webkit-focus-ring-color auto 5px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, input { overflow: visible; }button, select { text-transform: none; }[type=\"reset\"], [type=\"submit\"], button, html [type=\"button\"] { -webkit-appearance: button; }input[type=\"checkbox\"], input[type=\"radio\"] { box-sizing: border-box; padding: 0px; }input[type=\"date\"], input[type=\"datetime-local\"], input[type=\"month\"], input[type=\"time\"] { -webkit-appearance: listbox; }textarea { overflow: auto; resize: vertical; }fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }progress { vertical-align: baseline; }[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button { height: auto; }[type=\"search\"] { outline-offset: -2px; -webkit-appearance: none; }[type=\"search\"]::-webkit-search-cancel-button, [type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }output { display: inline-block; }summary { display: list-item; cursor: pointer; }template { display: none; }[hidden] { display: none !important; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }.h1, h1 { font-size: 2.5rem; }.h2, h2 { font-size: 2rem; }.h3, h3 { font-size: 1.75rem; }.h4, h4 { font-size: 1.5rem; }.h5, h5 { font-size: 1.25rem; }.h6, h6 { font-size: 1rem; }.lead { font-size: 1.25rem; font-weight: 300; }.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }.small, small { font-size: 80%; font-weight: 400; }.mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); }.list-unstyled { padding-left: 0px; list-style: none; }.list-inline { padding-left: 0px; list-style: none; }.list-inline-item { display: inline-block; }.list-inline-item:not(:last-child) { margin-right: 0.5rem; }.initialism { font-size: 90%; text-transform: uppercase; }.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }.blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); }.blockquote-footer::before { content: \"— \"; }.img-fluid { max-width: 100%; height: auto; }.img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; }.figure { display: inline-block; }.figure-img { margin-bottom: 0.5rem; line-height: 1; }.figure-caption { font-size: 90%; color: rgb(108, 117, 125); }code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; }a > code { color: inherit; }kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; }kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); }pre code { font-size: inherit; color: inherit; word-break: normal; }.pre-scrollable { max-height: 340px; overflow-y: scroll; }.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }@media (min-width: 576px) {\n  .container { max-width: 540px; }\n}@media (min-width: 768px) {\n  .container { max-width: 720px; }\n}@media (min-width: 992px) {\n  .container { max-width: 960px; }\n}@media (min-width: 1200px) {\n  .container { max-width: 1140px; }\n}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.no-gutters { margin-right: 0px; margin-left: 0px; }.no-gutters > .col, .no-gutters > [class*=\"col-\"] { padding-right: 0px; padding-left: 0px; }.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }.col-auto { flex: 0 0 auto; width: auto; max-width: none; }.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }.col-3 { flex: 0 0 25%; max-width: 25%; }.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }.col-6 { flex: 0 0 50%; max-width: 50%; }.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }.col-9 { flex: 0 0 75%; max-width: 75%; }.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }.col-12 { flex: 0 0 100%; max-width: 100%; }.order-first { order: -1; }.order-last { order: 13; }.order-0 { order: 0; }.order-1 { order: 1; }.order-2 { order: 2; }.order-3 { order: 3; }.order-4 { order: 4; }.order-5 { order: 5; }.order-6 { order: 6; }.order-7 { order: 7; }.order-8 { order: 8; }.order-9 { order: 9; }.order-10 { order: 10; }.order-11 { order: 11; }.order-12 { order: 12; }.offset-1 { margin-left: 8.33333%; }.offset-2 { margin-left: 16.6667%; }.offset-3 { margin-left: 25%; }.offset-4 { margin-left: 33.3333%; }.offset-5 { margin-left: 41.6667%; }.offset-6 { margin-left: 50%; }.offset-7 { margin-left: 58.3333%; }.offset-8 { margin-left: 66.6667%; }.offset-9 { margin-left: 75%; }.offset-10 { margin-left: 83.3333%; }.offset-11 { margin-left: 91.6667%; }@media (min-width: 576px) {\n  .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-sm-first { order: -1; }\n  .order-sm-last { order: 13; }\n  .order-sm-0 { order: 0; }\n  .order-sm-1 { order: 1; }\n  .order-sm-2 { order: 2; }\n  .order-sm-3 { order: 3; }\n  .order-sm-4 { order: 4; }\n  .order-sm-5 { order: 5; }\n  .order-sm-6 { order: 6; }\n  .order-sm-7 { order: 7; }\n  .order-sm-8 { order: 8; }\n  .order-sm-9 { order: 9; }\n  .order-sm-10 { order: 10; }\n  .order-sm-11 { order: 11; }\n  .order-sm-12 { order: 12; }\n  .offset-sm-0 { margin-left: 0px; }\n  .offset-sm-1 { margin-left: 8.33333%; }\n  .offset-sm-2 { margin-left: 16.6667%; }\n  .offset-sm-3 { margin-left: 25%; }\n  .offset-sm-4 { margin-left: 33.3333%; }\n  .offset-sm-5 { margin-left: 41.6667%; }\n  .offset-sm-6 { margin-left: 50%; }\n  .offset-sm-7 { margin-left: 58.3333%; }\n  .offset-sm-8 { margin-left: 66.6667%; }\n  .offset-sm-9 { margin-left: 75%; }\n  .offset-sm-10 { margin-left: 83.3333%; }\n  .offset-sm-11 { margin-left: 91.6667%; }\n}@media (min-width: 768px) {\n  .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-md-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-md-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-md-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-md-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-md-first { order: -1; }\n  .order-md-last { order: 13; }\n  .order-md-0 { order: 0; }\n  .order-md-1 { order: 1; }\n  .order-md-2 { order: 2; }\n  .order-md-3 { order: 3; }\n  .order-md-4 { order: 4; }\n  .order-md-5 { order: 5; }\n  .order-md-6 { order: 6; }\n  .order-md-7 { order: 7; }\n  .order-md-8 { order: 8; }\n  .order-md-9 { order: 9; }\n  .order-md-10 { order: 10; }\n  .order-md-11 { order: 11; }\n  .order-md-12 { order: 12; }\n  .offset-md-0 { margin-left: 0px; }\n  .offset-md-1 { margin-left: 8.33333%; }\n  .offset-md-2 { margin-left: 16.6667%; }\n  .offset-md-3 { margin-left: 25%; }\n  .offset-md-4 { margin-left: 33.3333%; }\n  .offset-md-5 { margin-left: 41.6667%; }\n  .offset-md-6 { margin-left: 50%; }\n  .offset-md-7 { margin-left: 58.3333%; }\n  .offset-md-8 { margin-left: 66.6667%; }\n  .offset-md-9 { margin-left: 75%; }\n  .offset-md-10 { margin-left: 83.3333%; }\n  .offset-md-11 { margin-left: 91.6667%; }\n}@media (min-width: 992px) {\n  .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-lg-first { order: -1; }\n  .order-lg-last { order: 13; }\n  .order-lg-0 { order: 0; }\n  .order-lg-1 { order: 1; }\n  .order-lg-2 { order: 2; }\n  .order-lg-3 { order: 3; }\n  .order-lg-4 { order: 4; }\n  .order-lg-5 { order: 5; }\n  .order-lg-6 { order: 6; }\n  .order-lg-7 { order: 7; }\n  .order-lg-8 { order: 8; }\n  .order-lg-9 { order: 9; }\n  .order-lg-10 { order: 10; }\n  .order-lg-11 { order: 11; }\n  .order-lg-12 { order: 12; }\n  .offset-lg-0 { margin-left: 0px; }\n  .offset-lg-1 { margin-left: 8.33333%; }\n  .offset-lg-2 { margin-left: 16.6667%; }\n  .offset-lg-3 { margin-left: 25%; }\n  .offset-lg-4 { margin-left: 33.3333%; }\n  .offset-lg-5 { margin-left: 41.6667%; }\n  .offset-lg-6 { margin-left: 50%; }\n  .offset-lg-7 { margin-left: 58.3333%; }\n  .offset-lg-8 { margin-left: 66.6667%; }\n  .offset-lg-9 { margin-left: 75%; }\n  .offset-lg-10 { margin-left: 83.3333%; }\n  .offset-lg-11 { margin-left: 91.6667%; }\n}@media (min-width: 1200px) {\n  .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-xl-first { order: -1; }\n  .order-xl-last { order: 13; }\n  .order-xl-0 { order: 0; }\n  .order-xl-1 { order: 1; }\n  .order-xl-2 { order: 2; }\n  .order-xl-3 { order: 3; }\n  .order-xl-4 { order: 4; }\n  .order-xl-5 { order: 5; }\n  .order-xl-6 { order: 6; }\n  .order-xl-7 { order: 7; }\n  .order-xl-8 { order: 8; }\n  .order-xl-9 { order: 9; }\n  .order-xl-10 { order: 10; }\n  .order-xl-11 { order: 11; }\n  .order-xl-12 { order: 12; }\n  .offset-xl-0 { margin-left: 0px; }\n  .offset-xl-1 { margin-left: 8.33333%; }\n  .offset-xl-2 { margin-left: 16.6667%; }\n  .offset-xl-3 { margin-left: 25%; }\n  .offset-xl-4 { margin-left: 33.3333%; }\n  .offset-xl-5 { margin-left: 41.6667%; }\n  .offset-xl-6 { margin-left: 50%; }\n  .offset-xl-7 { margin-left: 58.3333%; }\n  .offset-xl-8 { margin-left: 66.6667%; }\n  .offset-xl-9 { margin-left: 75%; }\n  .offset-xl-10 { margin-left: 83.3333%; }\n  .offset-xl-11 { margin-left: 91.6667%; }\n}.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }.table .table { background-color: rgb(255, 255, 255); }.table-sm td, .table-sm th { padding: 0.3rem; }.table-bordered { border: 1px solid rgb(222, 226, 230); }.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; }.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }.table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); }.table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }.table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); }.table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }.table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); }.table-hover .table-success:hover { background-color: rgb(177, 223, 187); }.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }.table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); }.table-hover .table-info:hover { background-color: rgb(171, 221, 229); }.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }.table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); }.table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }.table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); }.table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }.table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); }.table-hover .table-light:hover { background-color: rgb(236, 236, 246); }.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }.table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); }.table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }.table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(50, 56, 62); }.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.table-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); }.table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(50, 56, 62); }.table-dark.table-bordered { border: 0px; }.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }@media (max-width: 575.98px) {\n  .table-responsive-sm { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-sm > .table-bordered { border: 0px; }\n}@media (max-width: 767.98px) {\n  .table-responsive-md { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-md > .table-bordered { border: 0px; }\n}@media (max-width: 991.98px) {\n  .table-responsive-lg { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-lg > .table-bordered { border: 0px; }\n}@media (max-width: 1199.98px) {\n  .table-responsive-xl { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-xl > .table-bordered { border: 0px; }\n}.table-responsive { display: block; width: 100%; overflow-x: auto; }.table-responsive > .table-bordered { border: 0px; }.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .form-control { transition: none 0s ease 0s; }\n}.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }.form-control-file, .form-control-range { display: block; width: 100%; }.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; }.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }.form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }select.form-control[multiple], select.form-control[size] { height: auto; }textarea.form-control { height: auto; }.form-group { margin-bottom: 1rem; }.form-text { display: block; margin-top: 0.25rem; }.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }.form-row > .col, .form-row > [class*=\"col-\"] { padding-right: 5px; padding-left: 5px; }.form-check { position: relative; display: block; padding-left: 1.25rem; }.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }.form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); }.form-check-label { margin-bottom: 0px; }.form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; }.form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); }.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); }.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); }.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); }.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: rgb(113, 221, 138); }.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: rgb(52, 206, 87); }.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); }.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); }.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); }.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); }.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); }.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: rgb(239, 162, 169); }.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: rgb(228, 96, 109); }.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); }.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.form-inline { display: flex; flex-flow: row wrap; align-items: center; }.form-inline .form-check { width: 100%; }@media (min-width: 576px) {\n  .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; }\n  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0px; }\n  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }\n  .form-inline .form-control-plaintext { display: inline-block; }\n  .form-inline .custom-select, .form-inline .input-group { width: auto; }\n  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; }\n  .form-inline .form-check-input { position: relative; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; }\n  .form-inline .custom-control { align-items: center; justify-content: center; }\n  .form-inline .custom-control-label { margin-bottom: 0px; }\n}.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .btn { transition: none 0s ease 0s; }\n}.btn:focus, .btn:hover { text-decoration: none; }.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.btn.disabled, .btn:disabled { opacity: 0.65; }.btn:not(:disabled):not(.disabled) { cursor: pointer; }a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }.btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); }.btn-primary.focus, .btn-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); }.btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); }.btn-success.focus, .btn-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); }.btn-info.focus, .btn-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); }.btn-warning.focus, .btn-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); }.btn-danger.focus, .btn-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); }.btn-light.focus, .btn-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); }.btn-dark.focus, .btn-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary { color: rgb(0, 123, 255); background-color: transparent; background-image: none; border-color: rgb(0, 123, 255); }.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; }.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); }.btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; }.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success { color: rgb(40, 167, 69); background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); }.btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; }.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info { color: rgb(23, 162, 184); background-color: transparent; background-image: none; border-color: rgb(23, 162, 184); }.btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; }.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning { color: rgb(255, 193, 7); background-color: transparent; background-image: none; border-color: rgb(255, 193, 7); }.btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger { color: rgb(220, 53, 69); background-color: transparent; background-image: none; border-color: rgb(220, 53, 69); }.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); }.btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); }.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; }.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-link { font-weight: 400; color: rgb(0, 123, 255); background-color: transparent; }.btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; background-color: transparent; border-color: transparent; }.btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; }.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.btn-block { display: block; width: 100%; }.btn-block + .btn-block { margin-top: 0.5rem; }input[type=\"button\"].btn-block, input[type=\"reset\"].btn-block, input[type=\"submit\"].btn-block { width: 100%; }.fade { transition: opacity 0.15s linear 0s; }@media not all {\n  .fade { transition: none 0s ease 0s; }\n}.fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; }@media not all {\n  .collapsing { transition: none 0s ease 0s; }\n}.dropdown, .dropleft, .dropright, .dropup { position: relative; }.dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropdown-toggle:empty::after { margin-left: 0px; }.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }.dropdown-menu-right { right: 0px; left: auto; }.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }.dropup .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropup .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }.dropright .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }.dropright .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-toggle::after { vertical-align: 0px; }.dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }.dropleft .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; }.dropleft .dropdown-toggle::after { display: none; }.dropleft .dropdown-toggle::before { display: inline-block; width: 0px; height: 0px; margin-right: 0.255em; vertical-align: 0.255em; content: \"\"; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }.dropleft .dropdown-toggle:empty::after { margin-left: 0px; }.dropleft .dropdown-toggle::before { vertical-align: 0px; }.dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"top\"] { right: auto; bottom: auto; }.dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); }.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; }.dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); }.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; }.dropdown-menu.show { display: block; }.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; }.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); }.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 1 auto; }.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; }.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }.btn-toolbar .input-group { width: auto; }.btn-group > .btn:first-child { margin-left: 0px; }.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }.dropleft .dropdown-toggle-split::before { margin-right: 0px; }.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; }.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; }.btn-group-toggle > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn input[type=\"radio\"], .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn-group > .btn input[type=\"radio\"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }.input-group > .custom-file .custom-file-input:focus { z-index: 4; }.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group > .custom-file { display: flex; align-items: center; }.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group-append, .input-group-prepend { display: flex; }.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }.input-group-prepend { margin-right: -1px; }.input-group-append { margin-left: -1px; }.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.input-group-text input[type=\"checkbox\"], .input-group-text input[type=\"radio\"] { margin-top: 0px; }.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }.custom-control-inline { display: inline-flex; margin-right: 1rem; }.custom-control-input { position: absolute; z-index: -1; opacity: 0; }.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-control-input:active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); }.custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); }.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); }.custom-control-label { position: relative; margin-bottom: 0px; }.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: \"\"; user-select: none; background-color: rgb(222, 226, 230); }.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: \"\"; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-radio .custom-control-label::before { border-radius: 50%; }.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\"); }.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; -webkit-appearance: none; }.custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(128, 189, 255, 0.5) 0px 0px 0px 0.2rem; }.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) { height: auto; padding-right: 0.75rem; background-image: none; }.custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); }.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; }.custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; }.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0px; }.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0px; opacity: 0; }.custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input:focus ~ .custom-file-label::after { border-color: rgb(128, 189, 255); }.custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); }.custom-file-input:lang(en) ~ .custom-file-label::after { content: \"Browse\"; }.custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: \"Browse\"; background-color: rgb(233, 236, 239); border-left: 1px solid rgb(206, 212, 218); border-radius: 0px 0.25rem 0.25rem 0px; }.custom-range { width: 100%; padding-left: 0px; background-color: transparent; -webkit-appearance: none; }.custom-range:focus { outline: 0px; }.custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-appearance: none; }@media not all {\n  .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }\n}.custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); }.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; }@media not all {\n}@media not all {\n}.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }\n}.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }.nav-link { display: block; padding: 0.5rem 1rem; }.nav-link:focus, .nav-link:hover { text-decoration: none; }.nav-link.disabled { color: rgb(108, 117, 125); }.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }.nav-tabs .nav-item { margin-bottom: -1px; }.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }.nav-pills .nav-link { border-radius: 0.25rem; }.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }.nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }.navbar-nav .dropdown-menu { position: static; float: none; }.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: \"\"; background: center center / 100% 100% no-repeat; }@media (max-width: 575.98px) {\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 576px) {\n  .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-sm .navbar-nav { flex-direction: row; }\n  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-sm .navbar-toggler { display: none; }\n}@media (max-width: 767.98px) {\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 768px) {\n  .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-md .navbar-nav { flex-direction: row; }\n  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-md .navbar-toggler { display: none; }\n}@media (max-width: 991.98px) {\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 992px) {\n  .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-lg .navbar-nav { flex-direction: row; }\n  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-lg .navbar-toggler { display: none; }\n}@media (max-width: 1199.98px) {\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 1200px) {\n  .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-xl .navbar-nav { flex-direction: row; }\n  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-xl .navbar-toggler { display: none; }\n}.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; }.navbar-expand .navbar-nav { flex-direction: row; }.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }.navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; }.navbar-expand .navbar-toggler { display: none; }.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); }.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }.navbar-light .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); }.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); }.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }.navbar-dark .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-text a { color: rgb(255, 255, 255); }.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); }.card { position: relative; display: flex; flex-direction: column; min-width: 0px; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }.card > hr { margin-right: 0px; margin-left: 0px; }.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.card-body { flex: 1 1 auto; padding: 1.25rem; }.card-title { margin-bottom: 0.75rem; }.card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; }.card-text:last-child { margin-bottom: 0px; }.card-link:hover { text-decoration: none; }.card-link + .card-link { margin-left: 1.25rem; }.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0px 0px; }.card-header + .list-group .list-group-item:first-child { border-top: 0px; }.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }.card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0.25rem - 1px); }.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; }.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }.card-img-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 1.25rem; }.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }.card-deck { display: flex; flex-direction: column; }.card-deck .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }\n  .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }\n}.card-group { display: flex; flex-direction: column; }.card-group > .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-group { flex-flow: row wrap; }\n  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }\n  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }\n  .card-group > .card:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }\n  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0px; }\n  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0px; }\n  .card-group > .card:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }\n  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0px; }\n  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0px; }\n  .card-group > .card:only-child { border-radius: 0.25rem; }\n  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }\n  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0px; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0px; }\n}.card-columns .card { margin-bottom: 0.75rem; }@media (min-width: 576px) {\n  .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }\n  .card-columns .card { display: inline-block; width: 100%; }\n}.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; }.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; }.accordion .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.accordion .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: \"/\"; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }.breadcrumb-item.active { color: rgb(108, 117, 125); }.pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; }.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); }.page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.page-link:not(:disabled):not(.disabled) { cursor: pointer; }.page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }.page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); }.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }.badge:empty { display: none; }.btn .badge { position: relative; top: -1px; }.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }.badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 98, 204); }.badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); }.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(84, 91, 98); }.badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); }.badge-success[href]:focus, .badge-success[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(30, 126, 52); }.badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); }.badge-info[href]:focus, .badge-info[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(17, 122, 139); }.badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); }.badge-warning[href]:focus, .badge-warning[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(211, 158, 0); }.badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); }.badge-danger[href]:focus, .badge-danger[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(189, 33, 48); }.badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); }.badge-light[href]:focus, .badge-light[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(218, 224, 229); }.badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); }.badge-dark[href]:focus, .badge-dark[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(29, 33, 36); }.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; }@media (min-width: 576px) {\n  .jumbotron { padding: 4rem 2rem; }\n}.jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; }.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }.alert-heading { color: inherit; }.alert-link { font-weight: 700; }.alert-dismissible { padding-right: 4rem; }.alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; }.alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); }.alert-primary hr { border-top-color: rgb(159, 205, 255); }.alert-primary .alert-link { color: rgb(0, 39, 82); }.alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); }.alert-secondary hr { border-top-color: rgb(200, 203, 207); }.alert-secondary .alert-link { color: rgb(32, 35, 38); }.alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); }.alert-success hr { border-top-color: rgb(177, 223, 187); }.alert-success .alert-link { color: rgb(11, 46, 19); }.alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); }.alert-info hr { border-top-color: rgb(171, 221, 229); }.alert-info .alert-link { color: rgb(6, 44, 51); }.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }.alert-warning hr { border-top-color: rgb(255, 232, 161); }.alert-warning .alert-link { color: rgb(83, 63, 3); }.alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); }.alert-danger hr { border-top-color: rgb(241, 176, 183); }.alert-danger .alert-link { color: rgb(73, 18, 23); }.alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); }.alert-light hr { border-top-color: rgb(236, 236, 246); }.alert-light .alert-link { color: rgb(104, 104, 104); }.alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); }.alert-dark hr { border-top-color: rgb(185, 187, 190); }.alert-dark .alert-link { color: rgb(4, 5, 5); }@-webkit-keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}@keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; }@media not all {\n  .progress-bar { transition: none 0s ease 0s; }\n}.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }.progress-bar-animated { animation: progress-bar-stripes 1s linear 0s infinite normal none running; }.media { display: flex; align-items: flex-start; }.media-body { flex: 1 1 0%; }.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; }.list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; }.list-group-item-action:focus, .list-group-item-action:hover { color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); }.list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); }.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; }.list-group-flush:first-child .list-group-item:first-child { border-top: 0px; }.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px; }.list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); }.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); }.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }.list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); }.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); }.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); }.list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); }.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); }.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); }.list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); }.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); }.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); }.list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); }.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); }.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); }.list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); }.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); }.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); }.list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); }.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); }.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); }.list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); }.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); }.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); }.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }.close:not(:disabled):not(.disabled) { cursor: pointer; }.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }button.close { padding: 0px; background-color: transparent; border: 0px; -webkit-appearance: none; }.modal-open { overflow: hidden; }.modal-open .modal { overflow: hidden auto; }.modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); }@media not all {\n  .modal.fade .modal-dialog { transition: none 0s ease 0s; }\n}.modal.show .modal-dialog { transform: translate(0px, 0px); }.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: \"\"; }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }.modal-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop.show { opacity: 0.5; }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }.modal-title { margin-bottom: 0px; line-height: 1.5; }.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239); }.modal-footer > :not(:first-child) { margin-left: 0.25rem; }.modal-footer > :not(:last-child) { margin-right: 0.25rem; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 576px) {\n  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }\n  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }\n  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }\n  .modal-sm { max-width: 300px; }\n}@media (min-width: 992px) {\n  .modal-lg { max-width: 800px; }\n}.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }.tooltip.show { opacity: 0.9; }.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }.tooltip .arrow::before { position: absolute; content: \"\"; border-color: transparent; border-style: solid; }.bs-tooltip-auto[x-placement^=\"top\"], .bs-tooltip-top { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"right\"], .bs-tooltip-right { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"bottom\"], .bs-tooltip-bottom { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"left\"], .bs-tooltip-left { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); }.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; }.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; }.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: \"\"; border-color: transparent; border-style: solid; }.bs-popover-auto[x-placement^=\"top\"], .bs-popover-top { margin-bottom: 0.5rem; }.bs-popover-auto[x-placement^=\"top\"] .arrow, .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::before { bottom: 0px; border-top-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"right\"], .bs-popover-right { margin-left: 0.5rem; }.bs-popover-auto[x-placement^=\"right\"] .arrow, .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::before { left: 0px; border-right-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"], .bs-popover-bottom { margin-top: 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow, .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::before { top: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: \"\"; border-bottom: 1px solid rgb(247, 247, 247); }.bs-popover-auto[x-placement^=\"left\"], .bs-popover-left { margin-right: 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow, .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::before { right: 0px; border-left-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: rgb(255, 255, 255); }.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: inherit; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }.popover-header:empty { display: none; }.popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); }.carousel { position: relative; }.carousel-inner { position: relative; width: 100%; overflow: hidden; }.carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; }.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; }@media not all {\n  .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none 0s ease 0s; }\n}.carousel-item-next, .carousel-item-prev { position: absolute; top: 0px; }.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0px, 0px, 0px); }\n}.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0px, 0px); }\n}.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0px, 0px); }\n}.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }\n}.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }.carousel-control-prev { left: 0px; }.carousel-control-next { right: 0px; }.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; }.carousel-control-prev-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"); }.carousel-control-next-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"); }.carousel-indicators { position: absolute; right: 0px; bottom: 10px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; }.carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }.carousel-indicators li::before { position: absolute; top: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators .active { background-color: rgb(255, 255, 255); }.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; }.align-baseline { vertical-align: baseline !important; }.align-top { vertical-align: top !important; }.align-middle { vertical-align: middle !important; }.align-bottom { vertical-align: bottom !important; }.align-text-bottom { vertical-align: text-bottom !important; }.align-text-top { vertical-align: text-top !important; }.bg-primary { background-color: rgb(0, 123, 255) !important; }a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; }.bg-secondary { background-color: rgb(108, 117, 125) !important; }a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; }.bg-success { background-color: rgb(40, 167, 69) !important; }a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; }.bg-info { background-color: rgb(23, 162, 184) !important; }a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; }.bg-warning { background-color: rgb(255, 193, 7) !important; }a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; }.bg-danger { background-color: rgb(220, 53, 69) !important; }a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; }.bg-light { background-color: rgb(248, 249, 250) !important; }a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; }.bg-dark { background-color: rgb(52, 58, 64) !important; }a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; }.bg-white { background-color: rgb(255, 255, 255) !important; }.bg-transparent { background-color: transparent !important; }.border { border: 1px solid rgb(222, 226, 230) !important; }.border-top { border-top: 1px solid rgb(222, 226, 230) !important; }.border-right { border-right: 1px solid rgb(222, 226, 230) !important; }.border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; }.border-left { border-left: 1px solid rgb(222, 226, 230) !important; }.border-0 { border: 0px !important; }.border-top-0 { border-top: 0px !important; }.border-right-0 { border-right: 0px !important; }.border-bottom-0 { border-bottom: 0px !important; }.border-left-0 { border-left: 0px !important; }.border-primary { border-color: rgb(0, 123, 255) !important; }.border-secondary { border-color: rgb(108, 117, 125) !important; }.border-success { border-color: rgb(40, 167, 69) !important; }.border-info { border-color: rgb(23, 162, 184) !important; }.border-warning { border-color: rgb(255, 193, 7) !important; }.border-danger { border-color: rgb(220, 53, 69) !important; }.border-light { border-color: rgb(248, 249, 250) !important; }.border-dark { border-color: rgb(52, 58, 64) !important; }.border-white { border-color: rgb(255, 255, 255) !important; }.rounded { border-radius: 0.25rem !important; }.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-circle { border-radius: 50% !important; }.rounded-0 { border-radius: 0px !important; }.clearfix::after { display: block; clear: both; content: \"\"; }.d-none { display: none !important; }.d-inline { display: inline !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-table { display: table !important; }.d-table-row { display: table-row !important; }.d-table-cell { display: table-cell !important; }.d-flex { display: flex !important; }.d-inline-flex { display: inline-flex !important; }@media (min-width: 576px) {\n  .d-sm-none { display: none !important; }\n  .d-sm-inline { display: inline !important; }\n  .d-sm-inline-block { display: inline-block !important; }\n  .d-sm-block { display: block !important; }\n  .d-sm-table { display: table !important; }\n  .d-sm-table-row { display: table-row !important; }\n  .d-sm-table-cell { display: table-cell !important; }\n  .d-sm-flex { display: flex !important; }\n  .d-sm-inline-flex { display: inline-flex !important; }\n}@media (min-width: 768px) {\n  .d-md-none { display: none !important; }\n  .d-md-inline { display: inline !important; }\n  .d-md-inline-block { display: inline-block !important; }\n  .d-md-block { display: block !important; }\n  .d-md-table { display: table !important; }\n  .d-md-table-row { display: table-row !important; }\n  .d-md-table-cell { display: table-cell !important; }\n  .d-md-flex { display: flex !important; }\n  .d-md-inline-flex { display: inline-flex !important; }\n}@media (min-width: 992px) {\n  .d-lg-none { display: none !important; }\n  .d-lg-inline { display: inline !important; }\n  .d-lg-inline-block { display: inline-block !important; }\n  .d-lg-block { display: block !important; }\n  .d-lg-table { display: table !important; }\n  .d-lg-table-row { display: table-row !important; }\n  .d-lg-table-cell { display: table-cell !important; }\n  .d-lg-flex { display: flex !important; }\n  .d-lg-inline-flex { display: inline-flex !important; }\n}@media (min-width: 1200px) {\n  .d-xl-none { display: none !important; }\n  .d-xl-inline { display: inline !important; }\n  .d-xl-inline-block { display: inline-block !important; }\n  .d-xl-block { display: block !important; }\n  .d-xl-table { display: table !important; }\n  .d-xl-table-row { display: table-row !important; }\n  .d-xl-table-cell { display: table-cell !important; }\n  .d-xl-flex { display: flex !important; }\n  .d-xl-inline-flex { display: inline-flex !important; }\n}@media print {\n  .d-print-none { display: none !important; }\n  .d-print-inline { display: inline !important; }\n  .d-print-inline-block { display: inline-block !important; }\n  .d-print-block { display: block !important; }\n  .d-print-table { display: table !important; }\n  .d-print-table-row { display: table-row !important; }\n  .d-print-table-cell { display: table-cell !important; }\n  .d-print-flex { display: flex !important; }\n  .d-print-inline-flex { display: inline-flex !important; }\n}.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }.embed-responsive::before { display: block; content: \"\"; }.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }.embed-responsive-21by9::before { padding-top: 42.8571%; }.embed-responsive-16by9::before { padding-top: 56.25%; }.embed-responsive-4by3::before { padding-top: 75%; }.embed-responsive-1by1::before { padding-top: 100%; }.flex-row { flex-direction: row !important; }.flex-column { flex-direction: column !important; }.flex-row-reverse { flex-direction: row-reverse !important; }.flex-column-reverse { flex-direction: column-reverse !important; }.flex-wrap { flex-wrap: wrap !important; }.flex-nowrap { flex-wrap: nowrap !important; }.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }.flex-fill { flex: 1 1 auto !important; }.flex-grow-0 { flex-grow: 0 !important; }.flex-grow-1 { flex-grow: 1 !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-shrink-1 { flex-shrink: 1 !important; }.justify-content-start { justify-content: flex-start !important; }.justify-content-end { justify-content: flex-end !important; }.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.justify-content-around { justify-content: space-around !important; }.align-items-start { align-items: flex-start !important; }.align-items-end { align-items: flex-end !important; }.align-items-center { align-items: center !important; }.align-items-baseline { align-items: baseline !important; }.align-items-stretch { align-items: stretch !important; }.align-content-start { align-content: flex-start !important; }.align-content-end { align-content: flex-end !important; }.align-content-center { align-content: center !important; }.align-content-between { align-content: space-between !important; }.align-content-around { align-content: space-around !important; }.align-content-stretch { align-content: stretch !important; }.align-self-auto { align-self: auto !important; }.align-self-start { align-self: flex-start !important; }.align-self-end { align-self: flex-end !important; }.align-self-center { align-self: center !important; }.align-self-baseline { align-self: baseline !important; }.align-self-stretch { align-self: stretch !important; }@media (min-width: 576px) {\n  .flex-sm-row { flex-direction: row !important; }\n  .flex-sm-column { flex-direction: column !important; }\n  .flex-sm-row-reverse { flex-direction: row-reverse !important; }\n  .flex-sm-column-reverse { flex-direction: column-reverse !important; }\n  .flex-sm-wrap { flex-wrap: wrap !important; }\n  .flex-sm-nowrap { flex-wrap: nowrap !important; }\n  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-sm-fill { flex: 1 1 auto !important; }\n  .flex-sm-grow-0 { flex-grow: 0 !important; }\n  .flex-sm-grow-1 { flex-grow: 1 !important; }\n  .flex-sm-shrink-0 { flex-shrink: 0 !important; }\n  .flex-sm-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-sm-start { justify-content: flex-start !important; }\n  .justify-content-sm-end { justify-content: flex-end !important; }\n  .justify-content-sm-center { justify-content: center !important; }\n  .justify-content-sm-between { justify-content: space-between !important; }\n  .justify-content-sm-around { justify-content: space-around !important; }\n  .align-items-sm-start { align-items: flex-start !important; }\n  .align-items-sm-end { align-items: flex-end !important; }\n  .align-items-sm-center { align-items: center !important; }\n  .align-items-sm-baseline { align-items: baseline !important; }\n  .align-items-sm-stretch { align-items: stretch !important; }\n  .align-content-sm-start { align-content: flex-start !important; }\n  .align-content-sm-end { align-content: flex-end !important; }\n  .align-content-sm-center { align-content: center !important; }\n  .align-content-sm-between { align-content: space-between !important; }\n  .align-content-sm-around { align-content: space-around !important; }\n  .align-content-sm-stretch { align-content: stretch !important; }\n  .align-self-sm-auto { align-self: auto !important; }\n  .align-self-sm-start { align-self: flex-start !important; }\n  .align-self-sm-end { align-self: flex-end !important; }\n  .align-self-sm-center { align-self: center !important; }\n  .align-self-sm-baseline { align-self: baseline !important; }\n  .align-self-sm-stretch { align-self: stretch !important; }\n}@media (min-width: 768px) {\n  .flex-md-row { flex-direction: row !important; }\n  .flex-md-column { flex-direction: column !important; }\n  .flex-md-row-reverse { flex-direction: row-reverse !important; }\n  .flex-md-column-reverse { flex-direction: column-reverse !important; }\n  .flex-md-wrap { flex-wrap: wrap !important; }\n  .flex-md-nowrap { flex-wrap: nowrap !important; }\n  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-md-fill { flex: 1 1 auto !important; }\n  .flex-md-grow-0 { flex-grow: 0 !important; }\n  .flex-md-grow-1 { flex-grow: 1 !important; }\n  .flex-md-shrink-0 { flex-shrink: 0 !important; }\n  .flex-md-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-md-start { justify-content: flex-start !important; }\n  .justify-content-md-end { justify-content: flex-end !important; }\n  .justify-content-md-center { justify-content: center !important; }\n  .justify-content-md-between { justify-content: space-between !important; }\n  .justify-content-md-around { justify-content: space-around !important; }\n  .align-items-md-start { align-items: flex-start !important; }\n  .align-items-md-end { align-items: flex-end !important; }\n  .align-items-md-center { align-items: center !important; }\n  .align-items-md-baseline { align-items: baseline !important; }\n  .align-items-md-stretch { align-items: stretch !important; }\n  .align-content-md-start { align-content: flex-start !important; }\n  .align-content-md-end { align-content: flex-end !important; }\n  .align-content-md-center { align-content: center !important; }\n  .align-content-md-between { align-content: space-between !important; }\n  .align-content-md-around { align-content: space-around !important; }\n  .align-content-md-stretch { align-content: stretch !important; }\n  .align-self-md-auto { align-self: auto !important; }\n  .align-self-md-start { align-self: flex-start !important; }\n  .align-self-md-end { align-self: flex-end !important; }\n  .align-self-md-center { align-self: center !important; }\n  .align-self-md-baseline { align-self: baseline !important; }\n  .align-self-md-stretch { align-self: stretch !important; }\n}@media (min-width: 992px) {\n  .flex-lg-row { flex-direction: row !important; }\n  .flex-lg-column { flex-direction: column !important; }\n  .flex-lg-row-reverse { flex-direction: row-reverse !important; }\n  .flex-lg-column-reverse { flex-direction: column-reverse !important; }\n  .flex-lg-wrap { flex-wrap: wrap !important; }\n  .flex-lg-nowrap { flex-wrap: nowrap !important; }\n  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-lg-fill { flex: 1 1 auto !important; }\n  .flex-lg-grow-0 { flex-grow: 0 !important; }\n  .flex-lg-grow-1 { flex-grow: 1 !important; }\n  .flex-lg-shrink-0 { flex-shrink: 0 !important; }\n  .flex-lg-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-lg-start { justify-content: flex-start !important; }\n  .justify-content-lg-end { justify-content: flex-end !important; }\n  .justify-content-lg-center { justify-content: center !important; }\n  .justify-content-lg-between { justify-content: space-between !important; }\n  .justify-content-lg-around { justify-content: space-around !important; }\n  .align-items-lg-start { align-items: flex-start !important; }\n  .align-items-lg-end { align-items: flex-end !important; }\n  .align-items-lg-center { align-items: center !important; }\n  .align-items-lg-baseline { align-items: baseline !important; }\n  .align-items-lg-stretch { align-items: stretch !important; }\n  .align-content-lg-start { align-content: flex-start !important; }\n  .align-content-lg-end { align-content: flex-end !important; }\n  .align-content-lg-center { align-content: center !important; }\n  .align-content-lg-between { align-content: space-between !important; }\n  .align-content-lg-around { align-content: space-around !important; }\n  .align-content-lg-stretch { align-content: stretch !important; }\n  .align-self-lg-auto { align-self: auto !important; }\n  .align-self-lg-start { align-self: flex-start !important; }\n  .align-self-lg-end { align-self: flex-end !important; }\n  .align-self-lg-center { align-self: center !important; }\n  .align-self-lg-baseline { align-self: baseline !important; }\n  .align-self-lg-stretch { align-self: stretch !important; }\n}@media (min-width: 1200px) {\n  .flex-xl-row { flex-direction: row !important; }\n  .flex-xl-column { flex-direction: column !important; }\n  .flex-xl-row-reverse { flex-direction: row-reverse !important; }\n  .flex-xl-column-reverse { flex-direction: column-reverse !important; }\n  .flex-xl-wrap { flex-wrap: wrap !important; }\n  .flex-xl-nowrap { flex-wrap: nowrap !important; }\n  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-xl-fill { flex: 1 1 auto !important; }\n  .flex-xl-grow-0 { flex-grow: 0 !important; }\n  .flex-xl-grow-1 { flex-grow: 1 !important; }\n  .flex-xl-shrink-0 { flex-shrink: 0 !important; }\n  .flex-xl-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-xl-start { justify-content: flex-start !important; }\n  .justify-content-xl-end { justify-content: flex-end !important; }\n  .justify-content-xl-center { justify-content: center !important; }\n  .justify-content-xl-between { justify-content: space-between !important; }\n  .justify-content-xl-around { justify-content: space-around !important; }\n  .align-items-xl-start { align-items: flex-start !important; }\n  .align-items-xl-end { align-items: flex-end !important; }\n  .align-items-xl-center { align-items: center !important; }\n  .align-items-xl-baseline { align-items: baseline !important; }\n  .align-items-xl-stretch { align-items: stretch !important; }\n  .align-content-xl-start { align-content: flex-start !important; }\n  .align-content-xl-end { align-content: flex-end !important; }\n  .align-content-xl-center { align-content: center !important; }\n  .align-content-xl-between { align-content: space-between !important; }\n  .align-content-xl-around { align-content: space-around !important; }\n  .align-content-xl-stretch { align-content: stretch !important; }\n  .align-self-xl-auto { align-self: auto !important; }\n  .align-self-xl-start { align-self: flex-start !important; }\n  .align-self-xl-end { align-self: flex-end !important; }\n  .align-self-xl-center { align-self: center !important; }\n  .align-self-xl-baseline { align-self: baseline !important; }\n  .align-self-xl-stretch { align-self: stretch !important; }\n}.float-left { float: left !important; }.float-right { float: right !important; }.float-none { float: none !important; }@media (min-width: 576px) {\n  .float-sm-left { float: left !important; }\n  .float-sm-right { float: right !important; }\n  .float-sm-none { float: none !important; }\n}@media (min-width: 768px) {\n  .float-md-left { float: left !important; }\n  .float-md-right { float: right !important; }\n  .float-md-none { float: none !important; }\n}@media (min-width: 992px) {\n  .float-lg-left { float: left !important; }\n  .float-lg-right { float: right !important; }\n  .float-lg-none { float: none !important; }\n}@media (min-width: 1200px) {\n  .float-xl-left { float: left !important; }\n  .float-xl-right { float: right !important; }\n  .float-xl-none { float: none !important; }\n}.position-static { position: static !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.position-sticky { position: sticky !important; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }@supports ((position:-webkit-sticky) or (position:sticky)) {\n  .sticky-top { position: sticky; top: 0px; z-index: 1020; }\n}.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; }.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; }.shadow-none { box-shadow: none !important; }.w-25 { width: 25% !important; }.w-50 { width: 50% !important; }.w-75 { width: 75% !important; }.w-100 { width: 100% !important; }.w-auto { width: auto !important; }.h-25 { height: 25% !important; }.h-50 { height: 50% !important; }.h-75 { height: 75% !important; }.h-100 { height: 100% !important; }.h-auto { height: auto !important; }.mw-100 { max-width: 100% !important; }.mh-100 { max-height: 100% !important; }.m-0 { margin: 0px !important; }.mt-0, .my-0 { margin-top: 0px !important; }.mr-0, .mx-0 { margin-right: 0px !important; }.mb-0, .my-0 { margin-bottom: 0px !important; }.ml-0, .mx-0 { margin-left: 0px !important; }.m-1 { margin: 0.25rem !important; }.mt-1, .my-1 { margin-top: 0.25rem !important; }.mr-1, .mx-1 { margin-right: 0.25rem !important; }.mb-1, .my-1 { margin-bottom: 0.25rem !important; }.ml-1, .mx-1 { margin-left: 0.25rem !important; }.m-2 { margin: 0.5rem !important; }.mt-2, .my-2 { margin-top: 0.5rem !important; }.mr-2, .mx-2 { margin-right: 0.5rem !important; }.mb-2, .my-2 { margin-bottom: 0.5rem !important; }.ml-2, .mx-2 { margin-left: 0.5rem !important; }.m-3 { margin: 1rem !important; }.mt-3, .my-3 { margin-top: 1rem !important; }.mr-3, .mx-3 { margin-right: 1rem !important; }.mb-3, .my-3 { margin-bottom: 1rem !important; }.ml-3, .mx-3 { margin-left: 1rem !important; }.m-4 { margin: 1.5rem !important; }.mt-4, .my-4 { margin-top: 1.5rem !important; }.mr-4, .mx-4 { margin-right: 1.5rem !important; }.mb-4, .my-4 { margin-bottom: 1.5rem !important; }.ml-4, .mx-4 { margin-left: 1.5rem !important; }.m-5 { margin: 3rem !important; }.mt-5, .my-5 { margin-top: 3rem !important; }.mr-5, .mx-5 { margin-right: 3rem !important; }.mb-5, .my-5 { margin-bottom: 3rem !important; }.ml-5, .mx-5 { margin-left: 3rem !important; }.p-0 { padding: 0px !important; }.pt-0, .py-0 { padding-top: 0px !important; }.pr-0, .px-0 { padding-right: 0px !important; }.pb-0, .py-0 { padding-bottom: 0px !important; }.pl-0, .px-0 { padding-left: 0px !important; }.p-1 { padding: 0.25rem !important; }.pt-1, .py-1 { padding-top: 0.25rem !important; }.pr-1, .px-1 { padding-right: 0.25rem !important; }.pb-1, .py-1 { padding-bottom: 0.25rem !important; }.pl-1, .px-1 { padding-left: 0.25rem !important; }.p-2 { padding: 0.5rem !important; }.pt-2, .py-2 { padding-top: 0.5rem !important; }.pr-2, .px-2 { padding-right: 0.5rem !important; }.pb-2, .py-2 { padding-bottom: 0.5rem !important; }.pl-2, .px-2 { padding-left: 0.5rem !important; }.p-3 { padding: 1rem !important; }.pt-3, .py-3 { padding-top: 1rem !important; }.pr-3, .px-3 { padding-right: 1rem !important; }.pb-3, .py-3 { padding-bottom: 1rem !important; }.pl-3, .px-3 { padding-left: 1rem !important; }.p-4 { padding: 1.5rem !important; }.pt-4, .py-4 { padding-top: 1.5rem !important; }.pr-4, .px-4 { padding-right: 1.5rem !important; }.pb-4, .py-4 { padding-bottom: 1.5rem !important; }.pl-4, .px-4 { padding-left: 1.5rem !important; }.p-5 { padding: 3rem !important; }.pt-5, .py-5 { padding-top: 3rem !important; }.pr-5, .px-5 { padding-right: 3rem !important; }.pb-5, .py-5 { padding-bottom: 3rem !important; }.pl-5, .px-5 { padding-left: 3rem !important; }.m-auto { margin: auto !important; }.mt-auto, .my-auto { margin-top: auto !important; }.mr-auto, .mx-auto { margin-right: auto !important; }.mb-auto, .my-auto { margin-bottom: auto !important; }.ml-auto, .mx-auto { margin-left: auto !important; }@media (min-width: 576px) {\n  .m-sm-0 { margin: 0px !important; }\n  .mt-sm-0, .my-sm-0 { margin-top: 0px !important; }\n  .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; }\n  .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; }\n  .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; }\n  .m-sm-1 { margin: 0.25rem !important; }\n  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }\n  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }\n  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }\n  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }\n  .m-sm-2 { margin: 0.5rem !important; }\n  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }\n  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }\n  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }\n  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }\n  .m-sm-3 { margin: 1rem !important; }\n  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }\n  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }\n  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }\n  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }\n  .m-sm-4 { margin: 1.5rem !important; }\n  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }\n  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }\n  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }\n  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }\n  .m-sm-5 { margin: 3rem !important; }\n  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }\n  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }\n  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }\n  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }\n  .p-sm-0 { padding: 0px !important; }\n  .pt-sm-0, .py-sm-0 { padding-top: 0px !important; }\n  .pr-sm-0, .px-sm-0 { padding-right: 0px !important; }\n  .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; }\n  .pl-sm-0, .px-sm-0 { padding-left: 0px !important; }\n  .p-sm-1 { padding: 0.25rem !important; }\n  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }\n  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }\n  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }\n  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }\n  .p-sm-2 { padding: 0.5rem !important; }\n  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }\n  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }\n  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }\n  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }\n  .p-sm-3 { padding: 1rem !important; }\n  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }\n  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }\n  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }\n  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }\n  .p-sm-4 { padding: 1.5rem !important; }\n  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }\n  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }\n  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }\n  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }\n  .p-sm-5 { padding: 3rem !important; }\n  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }\n  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }\n  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }\n  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }\n  .m-sm-auto { margin: auto !important; }\n  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }\n  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }\n  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }\n  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }\n}@media (min-width: 768px) {\n  .m-md-0 { margin: 0px !important; }\n  .mt-md-0, .my-md-0 { margin-top: 0px !important; }\n  .mr-md-0, .mx-md-0 { margin-right: 0px !important; }\n  .mb-md-0, .my-md-0 { margin-bottom: 0px !important; }\n  .ml-md-0, .mx-md-0 { margin-left: 0px !important; }\n  .m-md-1 { margin: 0.25rem !important; }\n  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }\n  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }\n  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }\n  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }\n  .m-md-2 { margin: 0.5rem !important; }\n  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }\n  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }\n  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }\n  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }\n  .m-md-3 { margin: 1rem !important; }\n  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }\n  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }\n  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }\n  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }\n  .m-md-4 { margin: 1.5rem !important; }\n  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }\n  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }\n  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }\n  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }\n  .m-md-5 { margin: 3rem !important; }\n  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }\n  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }\n  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }\n  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }\n  .p-md-0 { padding: 0px !important; }\n  .pt-md-0, .py-md-0 { padding-top: 0px !important; }\n  .pr-md-0, .px-md-0 { padding-right: 0px !important; }\n  .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }\n  .pl-md-0, .px-md-0 { padding-left: 0px !important; }\n  .p-md-1 { padding: 0.25rem !important; }\n  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }\n  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }\n  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }\n  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }\n  .p-md-2 { padding: 0.5rem !important; }\n  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }\n  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }\n  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }\n  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }\n  .p-md-3 { padding: 1rem !important; }\n  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }\n  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }\n  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }\n  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }\n  .p-md-4 { padding: 1.5rem !important; }\n  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }\n  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }\n  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }\n  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }\n  .p-md-5 { padding: 3rem !important; }\n  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }\n  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }\n  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }\n  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }\n  .m-md-auto { margin: auto !important; }\n  .mt-md-auto, .my-md-auto { margin-top: auto !important; }\n  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }\n  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }\n  .ml-md-auto, .mx-md-auto { margin-left: auto !important; }\n}@media (min-width: 992px) {\n  .m-lg-0 { margin: 0px !important; }\n  .mt-lg-0, .my-lg-0 { margin-top: 0px !important; }\n  .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; }\n  .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; }\n  .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; }\n  .m-lg-1 { margin: 0.25rem !important; }\n  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }\n  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }\n  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }\n  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }\n  .m-lg-2 { margin: 0.5rem !important; }\n  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }\n  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }\n  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }\n  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }\n  .m-lg-3 { margin: 1rem !important; }\n  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }\n  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }\n  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }\n  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }\n  .m-lg-4 { margin: 1.5rem !important; }\n  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }\n  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }\n  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }\n  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }\n  .m-lg-5 { margin: 3rem !important; }\n  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }\n  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }\n  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }\n  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }\n  .p-lg-0 { padding: 0px !important; }\n  .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }\n  .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }\n  .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }\n  .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }\n  .p-lg-1 { padding: 0.25rem !important; }\n  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }\n  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }\n  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }\n  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }\n  .p-lg-2 { padding: 0.5rem !important; }\n  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }\n  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }\n  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }\n  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }\n  .p-lg-3 { padding: 1rem !important; }\n  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }\n  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }\n  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }\n  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }\n  .p-lg-4 { padding: 1.5rem !important; }\n  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }\n  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }\n  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }\n  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }\n  .p-lg-5 { padding: 3rem !important; }\n  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }\n  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }\n  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }\n  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }\n  .m-lg-auto { margin: auto !important; }\n  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }\n  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }\n  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }\n  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }\n}@media (min-width: 1200px) {\n  .m-xl-0 { margin: 0px !important; }\n  .mt-xl-0, .my-xl-0 { margin-top: 0px !important; }\n  .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; }\n  .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; }\n  .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; }\n  .m-xl-1 { margin: 0.25rem !important; }\n  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }\n  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }\n  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }\n  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }\n  .m-xl-2 { margin: 0.5rem !important; }\n  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }\n  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }\n  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }\n  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }\n  .m-xl-3 { margin: 1rem !important; }\n  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }\n  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }\n  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }\n  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }\n  .m-xl-4 { margin: 1.5rem !important; }\n  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }\n  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }\n  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }\n  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }\n  .m-xl-5 { margin: 3rem !important; }\n  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }\n  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }\n  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }\n  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }\n  .p-xl-0 { padding: 0px !important; }\n  .pt-xl-0, .py-xl-0 { padding-top: 0px !important; }\n  .pr-xl-0, .px-xl-0 { padding-right: 0px !important; }\n  .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; }\n  .pl-xl-0, .px-xl-0 { padding-left: 0px !important; }\n  .p-xl-1 { padding: 0.25rem !important; }\n  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }\n  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }\n  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }\n  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }\n  .p-xl-2 { padding: 0.5rem !important; }\n  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }\n  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }\n  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }\n  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }\n  .p-xl-3 { padding: 1rem !important; }\n  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }\n  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }\n  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }\n  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }\n  .p-xl-4 { padding: 1.5rem !important; }\n  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }\n  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }\n  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }\n  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }\n  .p-xl-5 { padding: 3rem !important; }\n  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }\n  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }\n  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }\n  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }\n  .m-xl-auto { margin: auto !important; }\n  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }\n  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }\n  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }\n  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }\n}.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }.text-justify { text-align: justify !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }@media (min-width: 576px) {\n  .text-sm-left { text-align: left !important; }\n  .text-sm-right { text-align: right !important; }\n  .text-sm-center { text-align: center !important; }\n}@media (min-width: 768px) {\n  .text-md-left { text-align: left !important; }\n  .text-md-right { text-align: right !important; }\n  .text-md-center { text-align: center !important; }\n}@media (min-width: 992px) {\n  .text-lg-left { text-align: left !important; }\n  .text-lg-right { text-align: right !important; }\n  .text-lg-center { text-align: center !important; }\n}@media (min-width: 1200px) {\n  .text-xl-left { text-align: left !important; }\n  .text-xl-right { text-align: right !important; }\n  .text-xl-center { text-align: center !important; }\n}.text-lowercase { text-transform: lowercase !important; }.text-uppercase { text-transform: uppercase !important; }.text-capitalize { text-transform: capitalize !important; }.font-weight-light { font-weight: 300 !important; }.font-weight-normal { font-weight: 400 !important; }.font-weight-bold { font-weight: 700 !important; }.font-italic { font-style: italic !important; }.text-white { color: rgb(255, 255, 255) !important; }.text-primary { color: rgb(0, 123, 255) !important; }a.text-primary:focus, a.text-primary:hover { color: rgb(0, 98, 204) !important; }.text-secondary { color: rgb(108, 117, 125) !important; }a.text-secondary:focus, a.text-secondary:hover { color: rgb(84, 91, 98) !important; }.text-success { color: rgb(40, 167, 69) !important; }a.text-success:focus, a.text-success:hover { color: rgb(30, 126, 52) !important; }.text-info { color: rgb(23, 162, 184) !important; }a.text-info:focus, a.text-info:hover { color: rgb(17, 122, 139) !important; }.text-warning { color: rgb(255, 193, 7) !important; }a.text-warning:focus, a.text-warning:hover { color: rgb(211, 158, 0) !important; }.text-danger { color: rgb(220, 53, 69) !important; }a.text-danger:focus, a.text-danger:hover { color: rgb(189, 33, 48) !important; }.text-light { color: rgb(248, 249, 250) !important; }a.text-light:focus, a.text-light:hover { color: rgb(218, 224, 229) !important; }.text-dark { color: rgb(52, 58, 64) !important; }a.text-dark:focus, a.text-dark:hover { color: rgb(29, 33, 36) !important; }.text-body { color: rgb(33, 37, 41) !important; }.text-muted { color: rgb(108, 117, 125) !important; }.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; }.visible { visibility: visible !important; }.invisible { visibility: hidden !important; }@media print {\n  *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }\n  a:not(.btn) { text-decoration: underline; }\n  abbr[title]::after { content: \" (\" attr(title) \")\"; }\n  pre { white-space: pre-wrap !important; }\n  blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; }\n  thead { display: table-header-group; }\n  img, tr { break-inside: avoid; }\n  h2, h3, p { orphans: 3; widows: 3; }\n  h2, h3 { break-after: avoid; }\n  @page { size: a3; }\n  body { min-width: 992px !important; }\n  .container { min-width: 992px !important; }\n  .navbar { display: none; }\n  .badge { border: 1px solid rgb(0, 0, 0); }\n  .table { border-collapse: collapse !important; }\n  .table td, .table th { background-color: rgb(255, 255, 255) !important; }\n  .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; }\n  .table-dark { color: inherit; }\n  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); }\n  .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }\n}"},"childNodes":[],"id":22},{"type":3,"textContent":"\n\n  ","id":23},{"type":5,"textContent":" Custom styles for this template ","id":24},{"type":3,"textContent":"\n  ","id":25},{"type":2,"tagName":"link","attributes":{"_cssText":".container { max-width: 960px; }.lh-condensed { line-height: 1.25; }"},"childNodes":[],"id":26},{"type":3,"textContent":"\n","id":27}],"id":5},{"type":3,"textContent":"\n\n","id":28},{"type":2,"tagName":"body","attributes":{"class":"bg-light"},"childNodes":[{"type":3,"textContent":"\n\n  ","id":30},{"type":2,"tagName":"div","attributes":{"class":"container"},"childNodes":[{"type":3,"textContent":"\n    ","id":32},{"type":2,"tagName":"div","attributes":{"class":"py-5 text-center"},"childNodes":[{"type":3,"textContent":"\n      ","id":34},{"type":2,"tagName":"img","attributes":{"class":"d-block mx-auto mb-4","src":"http://127.0.0.1:5500/checkout-demo/index_files/bootstrap-solid.svg","alt":"","width":"72","height":"72"},"childNodes":[],"id":35},{"type":3,"textContent":"\n      ","id":36},{"type":2,"tagName":"h2","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout form","id":38}],"id":37},{"type":3,"textContent":"\n      ","id":39},{"type":2,"tagName":"p","attributes":{"class":"lead"},"childNodes":[{"type":3,"textContent":"Below is an example form built entirely with Bootstrap's form controls. Each required form group\n        has\n        a validation state that can be triggered by attempting to submit the form without completing it.","id":41}],"id":40},{"type":3,"textContent":"\n    ","id":42}],"id":33},{"type":3,"textContent":"\n\n    ","id":43},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n      ","id":45},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 order-md-2 mb-4"},"childNodes":[{"type":3,"textContent":"\n        ","id":47},{"type":2,"tagName":"h4","attributes":{"class":"d-flex justify-content-between align-items-center mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":49},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Your cart","id":51}],"id":50},{"type":3,"textContent":"\n          ","id":52},{"type":2,"tagName":"span","attributes":{"class":"badge badge-secondary badge-pill"},"childNodes":[{"type":3,"textContent":"3","id":54}],"id":53},{"type":3,"textContent":"\n        ","id":55}],"id":48},{"type":3,"textContent":"\n        ","id":56},{"type":2,"tagName":"ul","attributes":{"class":"list-group mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":58},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":60},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":62},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Product name","id":64}],"id":63},{"type":3,"textContent":"\n              ","id":65},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":67}],"id":66},{"type":3,"textContent":"\n            ","id":68}],"id":61},{"type":3,"textContent":"\n            ","id":69},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$12","id":71}],"id":70},{"type":3,"textContent":"\n          ","id":72}],"id":59},{"type":3,"textContent":"\n          ","id":73},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":75},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":77},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Second product","id":79}],"id":78},{"type":3,"textContent":"\n              ","id":80},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":82}],"id":81},{"type":3,"textContent":"\n            ","id":83}],"id":76},{"type":3,"textContent":"\n            ","id":84},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$8","id":86}],"id":85},{"type":3,"textContent":"\n          ","id":87}],"id":74},{"type":3,"textContent":"\n          ","id":88},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":90},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":92},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Third item","id":94}],"id":93},{"type":3,"textContent":"\n              ","id":95},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":97}],"id":96},{"type":3,"textContent":"\n            ","id":98}],"id":91},{"type":3,"textContent":"\n            ","id":99},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$5","id":101}],"id":100},{"type":3,"textContent":"\n          ","id":102}],"id":89},{"type":3,"textContent":"\n          ","id":103},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between bg-light"},"childNodes":[{"type":3,"textContent":"\n            ","id":105},{"type":2,"tagName":"div","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"\n              ","id":107},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Promo code","id":109}],"id":108},{"type":3,"textContent":"\n              ","id":110},{"type":2,"tagName":"small","attributes":{},"childNodes":[{"type":3,"textContent":"EXAMPLECODE","id":112}],"id":111},{"type":3,"textContent":"\n            ","id":113}],"id":106},{"type":3,"textContent":"\n            ","id":114},{"type":2,"tagName":"span","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"-$5","id":116}],"id":115},{"type":3,"textContent":"\n          ","id":117}],"id":104},{"type":3,"textContent":"\n          ","id":118},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between"},"childNodes":[{"type":3,"textContent":"\n            ","id":120},{"type":2,"tagName":"span","attributes":{},"childNodes":[{"type":3,"textContent":"Total (USD)","id":122}],"id":121},{"type":3,"textContent":"\n            ","id":123},{"type":2,"tagName":"strong","attributes":{},"childNodes":[{"type":3,"textContent":"$20","id":125}],"id":124},{"type":3,"textContent":"\n          ","id":126}],"id":119},{"type":3,"textContent":"\n        ","id":127}],"id":57},{"type":3,"textContent":"\n\n        ","id":128},{"type":2,"tagName":"form","attributes":{"class":"card p-2"},"childNodes":[{"type":3,"textContent":"\n          ","id":130},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n            ","id":132},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","placeholder":"Promo code"},"childNodes":[],"id":133},{"type":3,"textContent":"\n            ","id":134},{"type":2,"tagName":"div","attributes":{"class":"input-group-append"},"childNodes":[{"type":3,"textContent":"\n              ","id":136},{"type":2,"tagName":"button","attributes":{"type":"submit","class":"btn btn-secondary"},"childNodes":[{"type":3,"textContent":"Redeem","id":138}],"id":137},{"type":3,"textContent":"\n            ","id":139}],"id":135},{"type":3,"textContent":"\n          ","id":140}],"id":131},{"type":3,"textContent":"\n        ","id":141}],"id":129},{"type":3,"textContent":"\n      ","id":142}],"id":46},{"type":3,"textContent":"\n      ","id":143},{"type":2,"tagName":"div","attributes":{"class":"col-md-8 order-md-1"},"childNodes":[{"type":3,"textContent":"\n        ","id":145},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Billing address","id":147}],"id":146},{"type":3,"textContent":"\n        ","id":148},{"type":2,"tagName":"form","attributes":{"class":"needs-validation","novalidate":""},"childNodes":[{"type":3,"textContent":"\n          ","id":150},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":152},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":154},{"type":2,"tagName":"label","attributes":{"for":"firstName"},"childNodes":[{"type":3,"textContent":"First name","id":156}],"id":155},{"type":3,"textContent":"\n              ","id":157},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"firstName","placeholder":"","value":"","required":""},"childNodes":[],"id":158},{"type":3,"textContent":"\n              ","id":159},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid first name is required.\n              ","id":161}],"id":160},{"type":3,"textContent":"\n            ","id":162}],"id":153},{"type":3,"textContent":"\n            ","id":163},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":165},{"type":2,"tagName":"label","attributes":{"for":"lastName"},"childNodes":[{"type":3,"textContent":"Last name","id":167}],"id":166},{"type":3,"textContent":"\n              ","id":168},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"lastName","placeholder":"","value":"","required":""},"childNodes":[],"id":169},{"type":3,"textContent":"\n              ","id":170},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid last name is required.\n              ","id":172}],"id":171},{"type":3,"textContent":"\n            ","id":173}],"id":164},{"type":3,"textContent":"\n          ","id":174}],"id":151},{"type":3,"textContent":"\n\n          ","id":175},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":177},{"type":2,"tagName":"label","attributes":{"for":"username"},"childNodes":[{"type":3,"textContent":"Username","id":179}],"id":178},{"type":3,"textContent":"\n            ","id":180},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n              ","id":182},{"type":2,"tagName":"div","attributes":{"class":"input-group-prepend"},"childNodes":[{"type":3,"textContent":"\n                ","id":184},{"type":2,"tagName":"span","attributes":{"class":"input-group-text"},"childNodes":[{"type":3,"textContent":"@","id":186}],"id":185},{"type":3,"textContent":"\n              ","id":187}],"id":183},{"type":3,"textContent":"\n              ","id":188},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"username","placeholder":"Username","required":""},"childNodes":[],"id":189},{"type":3,"textContent":"\n              ","id":190},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback","style":"width: 100%;"},"childNodes":[{"type":3,"textContent":"\n                Your username is required.\n              ","id":192}],"id":191},{"type":3,"textContent":"\n            ","id":193}],"id":181},{"type":3,"textContent":"\n          ","id":194}],"id":176},{"type":3,"textContent":"\n\n          ","id":195},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":197},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"Email ","id":199},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":201}],"id":200}],"id":198},{"type":3,"textContent":"\n            ","id":202},{"type":2,"tagName":"input","attributes":{"type":"email","class":"form-control","id":"email","placeholder":"you@example.com"},"childNodes":[],"id":203},{"type":3,"textContent":"\n            ","id":204},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter a valid email address for shipping updates.\n            ","id":206}],"id":205},{"type":3,"textContent":"\n          ","id":207}],"id":196},{"type":3,"textContent":"\n\n          ","id":208},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":210},{"type":2,"tagName":"label","attributes":{"for":"address"},"childNodes":[{"type":3,"textContent":"Address","id":212}],"id":211},{"type":3,"textContent":"\n            ","id":213},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address","placeholder":"1234 Main St","required":""},"childNodes":[],"id":214},{"type":3,"textContent":"\n            ","id":215},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter your shipping address.\n            ","id":217}],"id":216},{"type":3,"textContent":"\n          ","id":218}],"id":209},{"type":3,"textContent":"\n\n          ","id":219},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":221},{"type":2,"tagName":"label","attributes":{"for":"address2"},"childNodes":[{"type":3,"textContent":"Address 2 ","id":223},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":225}],"id":224}],"id":222},{"type":3,"textContent":"\n            ","id":226},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address2","placeholder":"Apartment or suite"},"childNodes":[],"id":227},{"type":3,"textContent":"\n          ","id":228}],"id":220},{"type":3,"textContent":"\n\n          ","id":229},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":231},{"type":2,"tagName":"div","attributes":{"class":"col-md-5 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":233},{"type":2,"tagName":"label","attributes":{"for":"country"},"childNodes":[{"type":3,"textContent":"Country","id":235}],"id":234},{"type":3,"textContent":"\n              ","id":236},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"country","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":238},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":240}],"id":239},{"type":3,"textContent":"\n                ","id":241},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"United States","id":243}],"id":242},{"type":3,"textContent":"\n              ","id":244}],"id":237},{"type":3,"textContent":"\n              ","id":245},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please select a valid country.\n              ","id":247}],"id":246},{"type":3,"textContent":"\n            ","id":248}],"id":232},{"type":3,"textContent":"\n            ","id":249},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":251},{"type":2,"tagName":"label","attributes":{"for":"state"},"childNodes":[{"type":3,"textContent":"State","id":253}],"id":252},{"type":3,"textContent":"\n              ","id":254},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"state","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":256},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":258}],"id":257},{"type":3,"textContent":"\n                ","id":259},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"California","id":261}],"id":260},{"type":3,"textContent":"\n              ","id":262}],"id":255},{"type":3,"textContent":"\n              ","id":263},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please provide a valid state.\n              ","id":265}],"id":264},{"type":3,"textContent":"\n            ","id":266}],"id":250},{"type":3,"textContent":"\n            ","id":267},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":269},{"type":2,"tagName":"label","attributes":{"for":"zip"},"childNodes":[{"type":3,"textContent":"Zip","id":271}],"id":270},{"type":3,"textContent":"\n              ","id":272},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"zip","placeholder":"","required":""},"childNodes":[],"id":273},{"type":3,"textContent":"\n              ","id":274},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Zip code required.\n              ","id":276}],"id":275},{"type":3,"textContent":"\n            ","id":277}],"id":268},{"type":3,"textContent":"\n          ","id":278}],"id":230},{"type":3,"textContent":"\n          ","id":279},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":280},{"type":3,"textContent":"\n          ","id":281},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":283},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"same-address"},"childNodes":[],"id":284},{"type":3,"textContent":"\n            ","id":285},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"same-address"},"childNodes":[{"type":3,"textContent":"Shipping address is the same as my billing address","id":287}],"id":286},{"type":3,"textContent":"\n          ","id":288}],"id":282},{"type":3,"textContent":"\n          ","id":289},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":291},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"save-info"},"childNodes":[],"id":292},{"type":3,"textContent":"\n            ","id":293},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"save-info"},"childNodes":[{"type":3,"textContent":"Save this information for next time","id":295}],"id":294},{"type":3,"textContent":"\n          ","id":296}],"id":290},{"type":3,"textContent":"\n          ","id":297},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":298},{"type":3,"textContent":"\n\n          ","id":299},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Payment","id":301}],"id":300},{"type":3,"textContent":"\n\n          ","id":302},{"type":2,"tagName":"div","attributes":{"class":"d-block my-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":304},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":306},{"type":2,"tagName":"input","attributes":{"id":"credit","name":"paymentMethod","type":"radio","class":"custom-control-input","checked":true,"required":""},"childNodes":[],"id":307},{"type":3,"textContent":"\n              ","id":308},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"credit"},"childNodes":[{"type":3,"textContent":"Credit card","id":310}],"id":309},{"type":3,"textContent":"\n            ","id":311}],"id":305},{"type":3,"textContent":"\n            ","id":312},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":314},{"type":2,"tagName":"input","attributes":{"id":"debit","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":315},{"type":3,"textContent":"\n              ","id":316},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"debit"},"childNodes":[{"type":3,"textContent":"Debit card","id":318}],"id":317},{"type":3,"textContent":"\n            ","id":319}],"id":313},{"type":3,"textContent":"\n            ","id":320},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":322},{"type":2,"tagName":"input","attributes":{"id":"paypal","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":323},{"type":3,"textContent":"\n              ","id":324},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"paypal"},"childNodes":[{"type":3,"textContent":"PayPal","id":326}],"id":325},{"type":3,"textContent":"\n            ","id":327}],"id":321},{"type":3,"textContent":"\n          ","id":328}],"id":303},{"type":3,"textContent":"\n          ","id":329},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":331},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":333},{"type":2,"tagName":"label","attributes":{"for":"cc-name"},"childNodes":[{"type":3,"textContent":"Name on card","id":335}],"id":334},{"type":3,"textContent":"\n              ","id":336},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-name","placeholder":"","required":""},"childNodes":[],"id":337},{"type":3,"textContent":"\n              ","id":338},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Full name as displayed on card","id":340}],"id":339},{"type":3,"textContent":"\n              ","id":341},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Name on card is required\n              ","id":343}],"id":342},{"type":3,"textContent":"\n            ","id":344}],"id":332},{"type":3,"textContent":"\n            ","id":345},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":347},{"type":2,"tagName":"label","attributes":{"for":"cc-number"},"childNodes":[{"type":3,"textContent":"Credit card number","id":349}],"id":348},{"type":3,"textContent":"\n              ","id":350},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-number","placeholder":"","required":""},"childNodes":[],"id":351},{"type":3,"textContent":"\n              ","id":352},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Credit card number is required\n              ","id":354}],"id":353},{"type":3,"textContent":"\n            ","id":355}],"id":346},{"type":3,"textContent":"\n          ","id":356}],"id":330},{"type":3,"textContent":"\n          ","id":357},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":359},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":361},{"type":2,"tagName":"label","attributes":{"for":"cc-expiration"},"childNodes":[{"type":3,"textContent":"Expiration","id":363}],"id":362},{"type":3,"textContent":"\n              ","id":364},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-expiration","placeholder":"","required":""},"childNodes":[],"id":365},{"type":3,"textContent":"\n              ","id":366},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Expiration date required\n              ","id":368}],"id":367},{"type":3,"textContent":"\n            ","id":369}],"id":360},{"type":3,"textContent":"\n            ","id":370},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":372},{"type":2,"tagName":"label","attributes":{"for":"cc-cvv"},"childNodes":[{"type":3,"textContent":"CVV","id":374}],"id":373},{"type":3,"textContent":"\n              ","id":375},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-cvv","placeholder":"","required":""},"childNodes":[],"id":376},{"type":3,"textContent":"\n              ","id":377},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Security code required\n              ","id":379}],"id":378},{"type":3,"textContent":"\n            ","id":380}],"id":371},{"type":3,"textContent":"\n          ","id":381}],"id":358},{"type":3,"textContent":"\n          ","id":382},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":384},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"textarea ","id":386},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":388}],"id":387}],"id":385},{"type":3,"textContent":"\n            ","id":389},{"type":2,"tagName":"textarea","attributes":{"name":"","id":"","cols":"30","rows":"10"},"childNodes":[],"id":390},{"type":3,"textContent":"\n          ","id":391}],"id":383},{"type":3,"textContent":"\n          ","id":392},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":393},{"type":3,"textContent":"\n          ","id":394},{"type":2,"tagName":"button","attributes":{"class":"btn btn-primary btn-lg btn-block","type":"submit"},"childNodes":[{"type":3,"textContent":"Continue to checkout","id":396}],"id":395},{"type":3,"textContent":"\n        ","id":397}],"id":149},{"type":3,"textContent":"\n      ","id":398}],"id":144},{"type":3,"textContent":"\n    ","id":399}],"id":44},{"type":3,"textContent":"\n\n    ","id":400},{"type":2,"tagName":"footer","attributes":{"class":"my-5 pt-5 text-muted text-center text-small"},"childNodes":[{"type":3,"textContent":"\n      ","id":402},{"type":2,"tagName":"p","attributes":{"class":"mb-1"},"childNodes":[{"type":3,"textContent":"© 2017-2018 Company Name","id":404}],"id":403},{"type":3,"textContent":"\n      ","id":405},{"type":2,"tagName":"ul","attributes":{"class":"list-inline"},"childNodes":[{"type":3,"textContent":"\n        ","id":407},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Privacy","id":410}],"id":409}],"id":408},{"type":3,"textContent":"\n        ","id":411},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Terms","id":414}],"id":413}],"id":412},{"type":3,"textContent":"\n        ","id":415},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Support","id":418}],"id":417}],"id":416},{"type":3,"textContent":"\n      ","id":419}],"id":406},{"type":3,"textContent":"\n    ","id":420}],"id":401},{"type":3,"textContent":"\n  ","id":421}],"id":31},{"type":3,"textContent":"\n\n  ","id":422},{"type":5,"textContent":" Bootstrap core JavaScript\n    ================================================== ","id":423},{"type":3,"textContent":"\n  ","id":424},{"type":5,"textContent":" Placed at the end of the document so the pages load faster ","id":425},{"type":3,"textContent":"\n  ","id":426},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/jquery-3.3.1.slim.min.js","integrity":"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo","crossorigin":"anonymous"},"childNodes":[],"id":427},{"type":3,"textContent":"\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/popper.min.js"},"childNodes":[],"id":432},{"type":3,"textContent":"\n  ","id":433},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/bootstrap.min.js"},"childNodes":[],"id":434},{"type":3,"textContent":"\n  ","id":435},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/checkout-demo/index_files/holder.min.js"},"childNodes":[],"id":436},{"type":3,"textContent":"\n  ","id":437},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":439}],"id":438},{"type":3,"textContent":"\n\n  ","id":440},{"type":5,"textContent":" logrocket ","id":441},{"type":3,"textContent":"\n\n  ","id":442},{"type":5,"textContent":" <script src=\"../reverse-engineer/LogRocket.js\"></script>\n  <script>\n    LogRocket.init('bqsqi3/serenity');\n  </script> ","id":443},{"type":3,"textContent":"\n\n  ","id":444},{"type":5,"textContent":" fundebug ","id":445},{"type":3,"textContent":"\n\n  ","id":446},{"type":5,"textContent":" <script src=\"https://js.fundebug.cn/fundebug.1.2.3.min.js\"\n  apikey=\"2e96393d0884f5ef28b95645008da9926cb6750dae6b2a4c7a2403fac4d889ab\" silentVideo=false></script>\n   ","id":447},{"type":3,"textContent":"\n\n  ","id":448},{"type":5,"textContent":" fullstory ","id":449},{"type":3,"textContent":"\n\n  ","id":450},{"type":5,"textContent":" <script>\n    window['_fs_debug'] = false;\n    window['_fs_host'] = 'fullstory.com';\n    window['_fs_org'] = 'EYQ69';\n    window['_fs_namespace'] = 'FS';\n    (function (m, n, e, t, l, o, g, y) {\n      if (e in m) { if (m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window[\"_fs_namespace\"].'); } return; }\n      g = m[e] = function (a, b) { g.q ? g.q.push([a, b]) : g._api(a, b); }; g.q = [];\n      o = n.createElement(t); o.async = 1; o.src = 'https://' + _fs_host + '/s/fs.js';\n      y = n.getElementsByTagName(t)[0]; y.parentNode.insertBefore(o, y);\n      g.identify = function (i, v) { g(l, { uid: i }); if (v) g(l, v) }; g.setUserVars = function (v) { g(l, v) }; g.event = function (i, v) { g('event', { n: i, p: v }) };\n      g.shutdown = function () { g(\"rec\", !1) }; g.restart = function () { g(\"rec\", !0) };\n      g.consent = function (a) { g(\"consent\", !arguments.length || a) };\n      g.identifyAccount = function (i, v) { o = 'account'; v = v || {}; v.acctId = i; g(o, v) };\n      g.clearUserCookie = function () { };\n    })(window, document, window['_fs_namespace'], 'script', 'user');\n  </script> ","id":451},{"type":3,"textContent":"\n\n  ","id":452},{"type":2,"tagName":"script","attributes":{"src":"http://127.0.0.1:5500/src/record.js"},"childNodes":[],"id":453},{"type":3,"textContent":"\n  ","id":454},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":456}],"id":455},{"type":3,"textContent":"\n\n","id":457},{"type":5,"textContent":" Code injected by live-server ","id":458},{"type":3,"textContent":"\n","id":459},{"type":2,"tagName":"script","attributes":{"type":"text/javascript"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":461}],"id":460},{"type":3,"textContent":"\n\n","id":462}],"id":29}],"id":4}],"id":1},"initialOffset":{"left":0,"top":583}},"timestamp":1539674870338},{"type":3,"data":{"source":3,"id":1,"x":0,"y":582},"timestamp":1539674871058},{"type":3,"data":{"source":3,"id":1,"x":0,"y":528},"timestamp":1539674871158},{"type":3,"data":{"source":3,"id":1,"x":0,"y":375},"timestamp":1539674871258},{"type":3,"data":{"source":3,"id":1,"x":0,"y":318},"timestamp":1539674871358},{"type":3,"data":{"source":3,"id":1,"x":0,"y":317},"timestamp":1539674871523},{"type":3,"data":{"source":3,"id":1,"x":0,"y":275},"timestamp":1539674871624},{"type":3,"data":{"source":3,"id":1,"x":0,"y":148},"timestamp":1539674871724},{"type":3,"data":{"source":3,"id":1,"x":0,"y":59},"timestamp":1539674871824},{"type":3,"data":{"source":3,"id":1,"x":0,"y":53},"timestamp":1539674871923},{"type":3,"data":{"source":3,"id":1,"x":0,"y":54},"timestamp":1539674872190},{"type":3,"data":{"source":1,"positions":[{"x":1065,"y":237,"timeOffset":0}]},"timestamp":1539674872291},{"type":3,"data":{"source":3,"id":1,"x":0,"y":156},"timestamp":1539674872291},{"type":3,"data":{"source":3,"id":1,"x":0,"y":468},"timestamp":1539674872392},{"type":3,"data":{"source":3,"id":1,"x":0,"y":477},"timestamp":1539674872492},{"type":3,"data":{"source":3,"id":1,"x":0,"y":478},"timestamp":1539674872641},{"type":3,"data":{"source":3,"id":1,"x":0,"y":527},"timestamp":1539674872741},{"type":3,"data":{"source":1,"positions":[{"x":1064,"y":239,"timeOffset":-467}]},"timestamp":1539674872792},{"type":3,"data":{"source":3,"id":1,"x":0,"y":699},"timestamp":1539674872841},{"type":3,"data":{"source":3,"id":1,"x":0,"y":742},"timestamp":1539674872942},{"type":3,"data":{"source":1,"positions":[{"x":1064,"y":239,"timeOffset":-417},{"x":1065,"y":239,"timeOffset":-384},{"x":1066,"y":239,"timeOffset":-336},{"x":1066,"y":238,"timeOffset":-116},{"x":1066,"y":236,"timeOffset":-85},{"x":1068,"y":229,"timeOffset":-35},{"x":1077,"y":205,"timeOffset":-2}]},"timestamp":1539674873292},{"type":3,"data":{"source":1,"positions":[{"x":1088,"y":163,"timeOffset":-470},{"x":1098,"y":115,"timeOffset":-437},{"x":1104,"y":80,"timeOffset":-403},{"x":1104,"y":50,"timeOffset":-370},{"x":1104,"y":43,"timeOffset":-336},{"x":1104,"y":42,"timeOffset":-237},{"x":1104,"y":32,"timeOffset":-203},{"x":1105,"y":11,"timeOffset":-170}]},"timestamp":1539674873793}];
+  [{"type":0,"data":{"href":"http://localhost:5500/checkout-demo/"},"timestamp":1539774745277},{"type":1,"data":{"width":1600,"height":711},"timestamp":1539774745283},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":5,"textContent":" saved from url=(0052)https://getbootstrap.com/docs/4.1/examples/checkout/ ","id":3},{"type":2,"tagName":"html","attributes":{"lang":"en"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":6},{"type":2,"tagName":"meta","attributes":{"http-equiv":"Content-Type","content":"text/html; charset=UTF-8"},"childNodes":[],"id":7},{"type":3,"textContent":"\n\n  ","id":8},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1, shrink-to-fit=no"},"childNodes":[],"id":9},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"meta","attributes":{"name":"description","content":""},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"meta","attributes":{"name":"author","content":""},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"link","attributes":{"rel":"icon","href":"https://getbootstrap.com/favicon.ico"},"childNodes":[],"id":15},{"type":3,"textContent":"\n\n  ","id":16},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout example for Bootstrap","id":18}],"id":17},{"type":3,"textContent":"\n\n  ","id":19},{"type":5,"textContent":" Bootstrap core CSS ","id":20},{"type":3,"textContent":"\n  ","id":21},{"type":2,"tagName":"link","attributes":{"_cssText":":root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; }*, ::after, ::before { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }[tabindex=\"-1\"]:focus { outline: 0px !important; }hr { box-sizing: content-box; height: 0px; overflow: visible; }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; }address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }dt { font-weight: 700; }dd { margin-bottom: 0.5rem; margin-left: 0px; }blockquote { margin: 0px 0px 1rem; }dfn { font-style: italic; }b, strong { font-weight: bolder; }small { font-size: 80%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sub { bottom: -0.25em; }sup { top: -0.5em; }a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }a:hover { color: rgb(0, 86, 179); text-decoration: underline; }a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus { outline: 0px; }code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em; }pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }figure { margin: 0px 0px 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; }th { text-align: inherit; }label { display: inline-block; margin-bottom: 0.5rem; }button { border-radius: 0px; }button:focus { outline: -webkit-focus-ring-color auto 5px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, input { overflow: visible; }button, select { text-transform: none; }[type=\"reset\"], [type=\"submit\"], button, html [type=\"button\"] { -webkit-appearance: button; }input[type=\"checkbox\"], input[type=\"radio\"] { box-sizing: border-box; padding: 0px; }input[type=\"date\"], input[type=\"datetime-local\"], input[type=\"month\"], input[type=\"time\"] { -webkit-appearance: listbox; }textarea { overflow: auto; resize: vertical; }fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }progress { vertical-align: baseline; }[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button { height: auto; }[type=\"search\"] { outline-offset: -2px; -webkit-appearance: none; }[type=\"search\"]::-webkit-search-cancel-button, [type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }output { display: inline-block; }summary { display: list-item; cursor: pointer; }template { display: none; }[hidden] { display: none !important; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }.h1, h1 { font-size: 2.5rem; }.h2, h2 { font-size: 2rem; }.h3, h3 { font-size: 1.75rem; }.h4, h4 { font-size: 1.5rem; }.h5, h5 { font-size: 1.25rem; }.h6, h6 { font-size: 1rem; }.lead { font-size: 1.25rem; font-weight: 300; }.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }.small, small { font-size: 80%; font-weight: 400; }.mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); }.list-unstyled { padding-left: 0px; list-style: none; }.list-inline { padding-left: 0px; list-style: none; }.list-inline-item { display: inline-block; }.list-inline-item:not(:last-child) { margin-right: 0.5rem; }.initialism { font-size: 90%; text-transform: uppercase; }.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }.blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); }.blockquote-footer::before { content: \"— \"; }.img-fluid { max-width: 100%; height: auto; }.img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; }.figure { display: inline-block; }.figure-img { margin-bottom: 0.5rem; line-height: 1; }.figure-caption { font-size: 90%; color: rgb(108, 117, 125); }code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; }a > code { color: inherit; }kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; }kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); }pre code { font-size: inherit; color: inherit; word-break: normal; }.pre-scrollable { max-height: 340px; overflow-y: scroll; }.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }@media (min-width: 576px) {\n  .container { max-width: 540px; }\n}@media (min-width: 768px) {\n  .container { max-width: 720px; }\n}@media (min-width: 992px) {\n  .container { max-width: 960px; }\n}@media (min-width: 1200px) {\n  .container { max-width: 1140px; }\n}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.no-gutters { margin-right: 0px; margin-left: 0px; }.no-gutters > .col, .no-gutters > [class*=\"col-\"] { padding-right: 0px; padding-left: 0px; }.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }.col-auto { flex: 0 0 auto; width: auto; max-width: none; }.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }.col-3 { flex: 0 0 25%; max-width: 25%; }.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }.col-6 { flex: 0 0 50%; max-width: 50%; }.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }.col-9 { flex: 0 0 75%; max-width: 75%; }.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }.col-12 { flex: 0 0 100%; max-width: 100%; }.order-first { order: -1; }.order-last { order: 13; }.order-0 { order: 0; }.order-1 { order: 1; }.order-2 { order: 2; }.order-3 { order: 3; }.order-4 { order: 4; }.order-5 { order: 5; }.order-6 { order: 6; }.order-7 { order: 7; }.order-8 { order: 8; }.order-9 { order: 9; }.order-10 { order: 10; }.order-11 { order: 11; }.order-12 { order: 12; }.offset-1 { margin-left: 8.33333%; }.offset-2 { margin-left: 16.6667%; }.offset-3 { margin-left: 25%; }.offset-4 { margin-left: 33.3333%; }.offset-5 { margin-left: 41.6667%; }.offset-6 { margin-left: 50%; }.offset-7 { margin-left: 58.3333%; }.offset-8 { margin-left: 66.6667%; }.offset-9 { margin-left: 75%; }.offset-10 { margin-left: 83.3333%; }.offset-11 { margin-left: 91.6667%; }@media (min-width: 576px) {\n  .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-sm-first { order: -1; }\n  .order-sm-last { order: 13; }\n  .order-sm-0 { order: 0; }\n  .order-sm-1 { order: 1; }\n  .order-sm-2 { order: 2; }\n  .order-sm-3 { order: 3; }\n  .order-sm-4 { order: 4; }\n  .order-sm-5 { order: 5; }\n  .order-sm-6 { order: 6; }\n  .order-sm-7 { order: 7; }\n  .order-sm-8 { order: 8; }\n  .order-sm-9 { order: 9; }\n  .order-sm-10 { order: 10; }\n  .order-sm-11 { order: 11; }\n  .order-sm-12 { order: 12; }\n  .offset-sm-0 { margin-left: 0px; }\n  .offset-sm-1 { margin-left: 8.33333%; }\n  .offset-sm-2 { margin-left: 16.6667%; }\n  .offset-sm-3 { margin-left: 25%; }\n  .offset-sm-4 { margin-left: 33.3333%; }\n  .offset-sm-5 { margin-left: 41.6667%; }\n  .offset-sm-6 { margin-left: 50%; }\n  .offset-sm-7 { margin-left: 58.3333%; }\n  .offset-sm-8 { margin-left: 66.6667%; }\n  .offset-sm-9 { margin-left: 75%; }\n  .offset-sm-10 { margin-left: 83.3333%; }\n  .offset-sm-11 { margin-left: 91.6667%; }\n}@media (min-width: 768px) {\n  .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-md-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-md-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-md-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-md-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-md-first { order: -1; }\n  .order-md-last { order: 13; }\n  .order-md-0 { order: 0; }\n  .order-md-1 { order: 1; }\n  .order-md-2 { order: 2; }\n  .order-md-3 { order: 3; }\n  .order-md-4 { order: 4; }\n  .order-md-5 { order: 5; }\n  .order-md-6 { order: 6; }\n  .order-md-7 { order: 7; }\n  .order-md-8 { order: 8; }\n  .order-md-9 { order: 9; }\n  .order-md-10 { order: 10; }\n  .order-md-11 { order: 11; }\n  .order-md-12 { order: 12; }\n  .offset-md-0 { margin-left: 0px; }\n  .offset-md-1 { margin-left: 8.33333%; }\n  .offset-md-2 { margin-left: 16.6667%; }\n  .offset-md-3 { margin-left: 25%; }\n  .offset-md-4 { margin-left: 33.3333%; }\n  .offset-md-5 { margin-left: 41.6667%; }\n  .offset-md-6 { margin-left: 50%; }\n  .offset-md-7 { margin-left: 58.3333%; }\n  .offset-md-8 { margin-left: 66.6667%; }\n  .offset-md-9 { margin-left: 75%; }\n  .offset-md-10 { margin-left: 83.3333%; }\n  .offset-md-11 { margin-left: 91.6667%; }\n}@media (min-width: 992px) {\n  .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-lg-first { order: -1; }\n  .order-lg-last { order: 13; }\n  .order-lg-0 { order: 0; }\n  .order-lg-1 { order: 1; }\n  .order-lg-2 { order: 2; }\n  .order-lg-3 { order: 3; }\n  .order-lg-4 { order: 4; }\n  .order-lg-5 { order: 5; }\n  .order-lg-6 { order: 6; }\n  .order-lg-7 { order: 7; }\n  .order-lg-8 { order: 8; }\n  .order-lg-9 { order: 9; }\n  .order-lg-10 { order: 10; }\n  .order-lg-11 { order: 11; }\n  .order-lg-12 { order: 12; }\n  .offset-lg-0 { margin-left: 0px; }\n  .offset-lg-1 { margin-left: 8.33333%; }\n  .offset-lg-2 { margin-left: 16.6667%; }\n  .offset-lg-3 { margin-left: 25%; }\n  .offset-lg-4 { margin-left: 33.3333%; }\n  .offset-lg-5 { margin-left: 41.6667%; }\n  .offset-lg-6 { margin-left: 50%; }\n  .offset-lg-7 { margin-left: 58.3333%; }\n  .offset-lg-8 { margin-left: 66.6667%; }\n  .offset-lg-9 { margin-left: 75%; }\n  .offset-lg-10 { margin-left: 83.3333%; }\n  .offset-lg-11 { margin-left: 91.6667%; }\n}@media (min-width: 1200px) {\n  .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-xl-first { order: -1; }\n  .order-xl-last { order: 13; }\n  .order-xl-0 { order: 0; }\n  .order-xl-1 { order: 1; }\n  .order-xl-2 { order: 2; }\n  .order-xl-3 { order: 3; }\n  .order-xl-4 { order: 4; }\n  .order-xl-5 { order: 5; }\n  .order-xl-6 { order: 6; }\n  .order-xl-7 { order: 7; }\n  .order-xl-8 { order: 8; }\n  .order-xl-9 { order: 9; }\n  .order-xl-10 { order: 10; }\n  .order-xl-11 { order: 11; }\n  .order-xl-12 { order: 12; }\n  .offset-xl-0 { margin-left: 0px; }\n  .offset-xl-1 { margin-left: 8.33333%; }\n  .offset-xl-2 { margin-left: 16.6667%; }\n  .offset-xl-3 { margin-left: 25%; }\n  .offset-xl-4 { margin-left: 33.3333%; }\n  .offset-xl-5 { margin-left: 41.6667%; }\n  .offset-xl-6 { margin-left: 50%; }\n  .offset-xl-7 { margin-left: 58.3333%; }\n  .offset-xl-8 { margin-left: 66.6667%; }\n  .offset-xl-9 { margin-left: 75%; }\n  .offset-xl-10 { margin-left: 83.3333%; }\n  .offset-xl-11 { margin-left: 91.6667%; }\n}.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }.table .table { background-color: rgb(255, 255, 255); }.table-sm td, .table-sm th { padding: 0.3rem; }.table-bordered { border: 1px solid rgb(222, 226, 230); }.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; }.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }.table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); }.table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }.table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); }.table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }.table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); }.table-hover .table-success:hover { background-color: rgb(177, 223, 187); }.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }.table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); }.table-hover .table-info:hover { background-color: rgb(171, 221, 229); }.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }.table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); }.table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }.table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); }.table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }.table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); }.table-hover .table-light:hover { background-color: rgb(236, 236, 246); }.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }.table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); }.table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }.table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(50, 56, 62); }.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.table-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); }.table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(50, 56, 62); }.table-dark.table-bordered { border: 0px; }.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }@media (max-width: 575.98px) {\n  .table-responsive-sm { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-sm > .table-bordered { border: 0px; }\n}@media (max-width: 767.98px) {\n  .table-responsive-md { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-md > .table-bordered { border: 0px; }\n}@media (max-width: 991.98px) {\n  .table-responsive-lg { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-lg > .table-bordered { border: 0px; }\n}@media (max-width: 1199.98px) {\n  .table-responsive-xl { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-xl > .table-bordered { border: 0px; }\n}.table-responsive { display: block; width: 100%; overflow-x: auto; }.table-responsive > .table-bordered { border: 0px; }.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .form-control { transition: none 0s ease 0s; }\n}.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }.form-control-file, .form-control-range { display: block; width: 100%; }.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; }.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }.form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }select.form-control[multiple], select.form-control[size] { height: auto; }textarea.form-control { height: auto; }.form-group { margin-bottom: 1rem; }.form-text { display: block; margin-top: 0.25rem; }.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }.form-row > .col, .form-row > [class*=\"col-\"] { padding-right: 5px; padding-left: 5px; }.form-check { position: relative; display: block; padding-left: 1.25rem; }.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }.form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); }.form-check-label { margin-bottom: 0px; }.form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; }.form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); }.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); }.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); }.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); }.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: rgb(113, 221, 138); }.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: rgb(52, 206, 87); }.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); }.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); }.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); }.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); }.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); }.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: rgb(239, 162, 169); }.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: rgb(228, 96, 109); }.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); }.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.form-inline { display: flex; flex-flow: row wrap; align-items: center; }.form-inline .form-check { width: 100%; }@media (min-width: 576px) {\n  .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; }\n  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0px; }\n  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }\n  .form-inline .form-control-plaintext { display: inline-block; }\n  .form-inline .custom-select, .form-inline .input-group { width: auto; }\n  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; }\n  .form-inline .form-check-input { position: relative; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; }\n  .form-inline .custom-control { align-items: center; justify-content: center; }\n  .form-inline .custom-control-label { margin-bottom: 0px; }\n}.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .btn { transition: none 0s ease 0s; }\n}.btn:focus, .btn:hover { text-decoration: none; }.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.btn.disabled, .btn:disabled { opacity: 0.65; }.btn:not(:disabled):not(.disabled) { cursor: pointer; }a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }.btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); }.btn-primary.focus, .btn-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); }.btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); }.btn-success.focus, .btn-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); }.btn-info.focus, .btn-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); }.btn-warning.focus, .btn-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); }.btn-danger.focus, .btn-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); }.btn-light.focus, .btn-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); }.btn-dark.focus, .btn-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary { color: rgb(0, 123, 255); background-color: transparent; background-image: none; border-color: rgb(0, 123, 255); }.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; }.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); }.btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; }.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success { color: rgb(40, 167, 69); background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); }.btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; }.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info { color: rgb(23, 162, 184); background-color: transparent; background-image: none; border-color: rgb(23, 162, 184); }.btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; }.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning { color: rgb(255, 193, 7); background-color: transparent; background-image: none; border-color: rgb(255, 193, 7); }.btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger { color: rgb(220, 53, 69); background-color: transparent; background-image: none; border-color: rgb(220, 53, 69); }.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); }.btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); }.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; }.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-link { font-weight: 400; color: rgb(0, 123, 255); background-color: transparent; }.btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; background-color: transparent; border-color: transparent; }.btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; }.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.btn-block { display: block; width: 100%; }.btn-block + .btn-block { margin-top: 0.5rem; }input[type=\"button\"].btn-block, input[type=\"reset\"].btn-block, input[type=\"submit\"].btn-block { width: 100%; }.fade { transition: opacity 0.15s linear 0s; }@media not all {\n  .fade { transition: none 0s ease 0s; }\n}.fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; }@media not all {\n  .collapsing { transition: none 0s ease 0s; }\n}.dropdown, .dropleft, .dropright, .dropup { position: relative; }.dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropdown-toggle:empty::after { margin-left: 0px; }.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }.dropdown-menu-right { right: 0px; left: auto; }.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }.dropup .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropup .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }.dropright .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }.dropright .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-toggle::after { vertical-align: 0px; }.dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }.dropleft .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; }.dropleft .dropdown-toggle::after { display: none; }.dropleft .dropdown-toggle::before { display: inline-block; width: 0px; height: 0px; margin-right: 0.255em; vertical-align: 0.255em; content: \"\"; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }.dropleft .dropdown-toggle:empty::after { margin-left: 0px; }.dropleft .dropdown-toggle::before { vertical-align: 0px; }.dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"top\"] { right: auto; bottom: auto; }.dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); }.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; }.dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); }.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; }.dropdown-menu.show { display: block; }.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; }.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); }.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 1 auto; }.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; }.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }.btn-toolbar .input-group { width: auto; }.btn-group > .btn:first-child { margin-left: 0px; }.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }.dropleft .dropdown-toggle-split::before { margin-right: 0px; }.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; }.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; }.btn-group-toggle > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn input[type=\"radio\"], .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn-group > .btn input[type=\"radio\"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }.input-group > .custom-file .custom-file-input:focus { z-index: 4; }.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group > .custom-file { display: flex; align-items: center; }.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group-append, .input-group-prepend { display: flex; }.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }.input-group-prepend { margin-right: -1px; }.input-group-append { margin-left: -1px; }.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.input-group-text input[type=\"checkbox\"], .input-group-text input[type=\"radio\"] { margin-top: 0px; }.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }.custom-control-inline { display: inline-flex; margin-right: 1rem; }.custom-control-input { position: absolute; z-index: -1; opacity: 0; }.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-control-input:active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); }.custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); }.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); }.custom-control-label { position: relative; margin-bottom: 0px; }.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: \"\"; user-select: none; background-color: rgb(222, 226, 230); }.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: \"\"; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-radio .custom-control-label::before { border-radius: 50%; }.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\"); }.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; -webkit-appearance: none; }.custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(128, 189, 255, 0.5) 0px 0px 0px 0.2rem; }.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) { height: auto; padding-right: 0.75rem; background-image: none; }.custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); }.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; }.custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; }.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0px; }.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0px; opacity: 0; }.custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input:focus ~ .custom-file-label::after { border-color: rgb(128, 189, 255); }.custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); }.custom-file-input:lang(en) ~ .custom-file-label::after { content: \"Browse\"; }.custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: \"Browse\"; background-color: rgb(233, 236, 239); border-left: 1px solid rgb(206, 212, 218); border-radius: 0px 0.25rem 0.25rem 0px; }.custom-range { width: 100%; padding-left: 0px; background-color: transparent; -webkit-appearance: none; }.custom-range:focus { outline: 0px; }.custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-appearance: none; }@media not all {\n  .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }\n}.custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); }.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; }@media not all {\n}@media not all {\n}.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }\n}.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }.nav-link { display: block; padding: 0.5rem 1rem; }.nav-link:focus, .nav-link:hover { text-decoration: none; }.nav-link.disabled { color: rgb(108, 117, 125); }.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }.nav-tabs .nav-item { margin-bottom: -1px; }.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }.nav-pills .nav-link { border-radius: 0.25rem; }.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }.nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }.navbar-nav .dropdown-menu { position: static; float: none; }.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: \"\"; background: center center / 100% 100% no-repeat; }@media (max-width: 575.98px) {\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 576px) {\n  .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-sm .navbar-nav { flex-direction: row; }\n  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-sm .navbar-toggler { display: none; }\n}@media (max-width: 767.98px) {\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 768px) {\n  .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-md .navbar-nav { flex-direction: row; }\n  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-md .navbar-toggler { display: none; }\n}@media (max-width: 991.98px) {\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 992px) {\n  .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-lg .navbar-nav { flex-direction: row; }\n  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-lg .navbar-toggler { display: none; }\n}@media (max-width: 1199.98px) {\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 1200px) {\n  .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-xl .navbar-nav { flex-direction: row; }\n  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-xl .navbar-toggler { display: none; }\n}.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; }.navbar-expand .navbar-nav { flex-direction: row; }.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }.navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; }.navbar-expand .navbar-toggler { display: none; }.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); }.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }.navbar-light .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); }.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); }.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }.navbar-dark .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-text a { color: rgb(255, 255, 255); }.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); }.card { position: relative; display: flex; flex-direction: column; min-width: 0px; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }.card > hr { margin-right: 0px; margin-left: 0px; }.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.card-body { flex: 1 1 auto; padding: 1.25rem; }.card-title { margin-bottom: 0.75rem; }.card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; }.card-text:last-child { margin-bottom: 0px; }.card-link:hover { text-decoration: none; }.card-link + .card-link { margin-left: 1.25rem; }.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0px 0px; }.card-header + .list-group .list-group-item:first-child { border-top: 0px; }.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }.card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0.25rem - 1px); }.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; }.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }.card-img-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 1.25rem; }.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }.card-deck { display: flex; flex-direction: column; }.card-deck .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }\n  .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }\n}.card-group { display: flex; flex-direction: column; }.card-group > .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-group { flex-flow: row wrap; }\n  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }\n  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }\n  .card-group > .card:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }\n  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0px; }\n  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0px; }\n  .card-group > .card:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }\n  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0px; }\n  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0px; }\n  .card-group > .card:only-child { border-radius: 0.25rem; }\n  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }\n  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0px; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0px; }\n}.card-columns .card { margin-bottom: 0.75rem; }@media (min-width: 576px) {\n  .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }\n  .card-columns .card { display: inline-block; width: 100%; }\n}.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; }.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; }.accordion .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.accordion .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: \"/\"; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }.breadcrumb-item.active { color: rgb(108, 117, 125); }.pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; }.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); }.page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.page-link:not(:disabled):not(.disabled) { cursor: pointer; }.page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }.page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); }.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }.badge:empty { display: none; }.btn .badge { position: relative; top: -1px; }.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }.badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 98, 204); }.badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); }.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(84, 91, 98); }.badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); }.badge-success[href]:focus, .badge-success[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(30, 126, 52); }.badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); }.badge-info[href]:focus, .badge-info[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(17, 122, 139); }.badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); }.badge-warning[href]:focus, .badge-warning[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(211, 158, 0); }.badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); }.badge-danger[href]:focus, .badge-danger[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(189, 33, 48); }.badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); }.badge-light[href]:focus, .badge-light[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(218, 224, 229); }.badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); }.badge-dark[href]:focus, .badge-dark[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(29, 33, 36); }.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; }@media (min-width: 576px) {\n  .jumbotron { padding: 4rem 2rem; }\n}.jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; }.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }.alert-heading { color: inherit; }.alert-link { font-weight: 700; }.alert-dismissible { padding-right: 4rem; }.alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; }.alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); }.alert-primary hr { border-top-color: rgb(159, 205, 255); }.alert-primary .alert-link { color: rgb(0, 39, 82); }.alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); }.alert-secondary hr { border-top-color: rgb(200, 203, 207); }.alert-secondary .alert-link { color: rgb(32, 35, 38); }.alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); }.alert-success hr { border-top-color: rgb(177, 223, 187); }.alert-success .alert-link { color: rgb(11, 46, 19); }.alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); }.alert-info hr { border-top-color: rgb(171, 221, 229); }.alert-info .alert-link { color: rgb(6, 44, 51); }.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }.alert-warning hr { border-top-color: rgb(255, 232, 161); }.alert-warning .alert-link { color: rgb(83, 63, 3); }.alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); }.alert-danger hr { border-top-color: rgb(241, 176, 183); }.alert-danger .alert-link { color: rgb(73, 18, 23); }.alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); }.alert-light hr { border-top-color: rgb(236, 236, 246); }.alert-light .alert-link { color: rgb(104, 104, 104); }.alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); }.alert-dark hr { border-top-color: rgb(185, 187, 190); }.alert-dark .alert-link { color: rgb(4, 5, 5); }@-webkit-keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}@keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; }@media not all {\n  .progress-bar { transition: none 0s ease 0s; }\n}.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }.progress-bar-animated { animation: progress-bar-stripes 1s linear 0s infinite normal none running; }.media { display: flex; align-items: flex-start; }.media-body { flex: 1 1 0%; }.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; }.list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; }.list-group-item-action:focus, .list-group-item-action:hover { color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); }.list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); }.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; }.list-group-flush:first-child .list-group-item:first-child { border-top: 0px; }.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px; }.list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); }.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); }.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }.list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); }.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); }.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); }.list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); }.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); }.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); }.list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); }.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); }.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); }.list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); }.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); }.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); }.list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); }.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); }.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); }.list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); }.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); }.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); }.list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); }.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); }.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); }.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }.close:not(:disabled):not(.disabled) { cursor: pointer; }.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }button.close { padding: 0px; background-color: transparent; border: 0px; -webkit-appearance: none; }.modal-open { overflow: hidden; }.modal-open .modal { overflow: hidden auto; }.modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); }@media not all {\n  .modal.fade .modal-dialog { transition: none 0s ease 0s; }\n}.modal.show .modal-dialog { transform: translate(0px, 0px); }.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: \"\"; }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }.modal-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop.show { opacity: 0.5; }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }.modal-title { margin-bottom: 0px; line-height: 1.5; }.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239); }.modal-footer > :not(:first-child) { margin-left: 0.25rem; }.modal-footer > :not(:last-child) { margin-right: 0.25rem; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 576px) {\n  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }\n  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }\n  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }\n  .modal-sm { max-width: 300px; }\n}@media (min-width: 992px) {\n  .modal-lg { max-width: 800px; }\n}.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }.tooltip.show { opacity: 0.9; }.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }.tooltip .arrow::before { position: absolute; content: \"\"; border-color: transparent; border-style: solid; }.bs-tooltip-auto[x-placement^=\"top\"], .bs-tooltip-top { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"right\"], .bs-tooltip-right { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"bottom\"], .bs-tooltip-bottom { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"left\"], .bs-tooltip-left { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); }.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; }.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; }.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: \"\"; border-color: transparent; border-style: solid; }.bs-popover-auto[x-placement^=\"top\"], .bs-popover-top { margin-bottom: 0.5rem; }.bs-popover-auto[x-placement^=\"top\"] .arrow, .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::before { bottom: 0px; border-top-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"right\"], .bs-popover-right { margin-left: 0.5rem; }.bs-popover-auto[x-placement^=\"right\"] .arrow, .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::before { left: 0px; border-right-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"], .bs-popover-bottom { margin-top: 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow, .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::before { top: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: \"\"; border-bottom: 1px solid rgb(247, 247, 247); }.bs-popover-auto[x-placement^=\"left\"], .bs-popover-left { margin-right: 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow, .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::before { right: 0px; border-left-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: rgb(255, 255, 255); }.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: inherit; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }.popover-header:empty { display: none; }.popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); }.carousel { position: relative; }.carousel-inner { position: relative; width: 100%; overflow: hidden; }.carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; }.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; }@media not all {\n  .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none 0s ease 0s; }\n}.carousel-item-next, .carousel-item-prev { position: absolute; top: 0px; }.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0px, 0px, 0px); }\n}.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0px, 0px); }\n}.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0px, 0px); }\n}.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }\n}.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }.carousel-control-prev { left: 0px; }.carousel-control-next { right: 0px; }.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; }.carousel-control-prev-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"); }.carousel-control-next-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"); }.carousel-indicators { position: absolute; right: 0px; bottom: 10px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; }.carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }.carousel-indicators li::before { position: absolute; top: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators .active { background-color: rgb(255, 255, 255); }.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; }.align-baseline { vertical-align: baseline !important; }.align-top { vertical-align: top !important; }.align-middle { vertical-align: middle !important; }.align-bottom { vertical-align: bottom !important; }.align-text-bottom { vertical-align: text-bottom !important; }.align-text-top { vertical-align: text-top !important; }.bg-primary { background-color: rgb(0, 123, 255) !important; }a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; }.bg-secondary { background-color: rgb(108, 117, 125) !important; }a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; }.bg-success { background-color: rgb(40, 167, 69) !important; }a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; }.bg-info { background-color: rgb(23, 162, 184) !important; }a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; }.bg-warning { background-color: rgb(255, 193, 7) !important; }a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; }.bg-danger { background-color: rgb(220, 53, 69) !important; }a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; }.bg-light { background-color: rgb(248, 249, 250) !important; }a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; }.bg-dark { background-color: rgb(52, 58, 64) !important; }a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; }.bg-white { background-color: rgb(255, 255, 255) !important; }.bg-transparent { background-color: transparent !important; }.border { border: 1px solid rgb(222, 226, 230) !important; }.border-top { border-top: 1px solid rgb(222, 226, 230) !important; }.border-right { border-right: 1px solid rgb(222, 226, 230) !important; }.border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; }.border-left { border-left: 1px solid rgb(222, 226, 230) !important; }.border-0 { border: 0px !important; }.border-top-0 { border-top: 0px !important; }.border-right-0 { border-right: 0px !important; }.border-bottom-0 { border-bottom: 0px !important; }.border-left-0 { border-left: 0px !important; }.border-primary { border-color: rgb(0, 123, 255) !important; }.border-secondary { border-color: rgb(108, 117, 125) !important; }.border-success { border-color: rgb(40, 167, 69) !important; }.border-info { border-color: rgb(23, 162, 184) !important; }.border-warning { border-color: rgb(255, 193, 7) !important; }.border-danger { border-color: rgb(220, 53, 69) !important; }.border-light { border-color: rgb(248, 249, 250) !important; }.border-dark { border-color: rgb(52, 58, 64) !important; }.border-white { border-color: rgb(255, 255, 255) !important; }.rounded { border-radius: 0.25rem !important; }.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-circle { border-radius: 50% !important; }.rounded-0 { border-radius: 0px !important; }.clearfix::after { display: block; clear: both; content: \"\"; }.d-none { display: none !important; }.d-inline { display: inline !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-table { display: table !important; }.d-table-row { display: table-row !important; }.d-table-cell { display: table-cell !important; }.d-flex { display: flex !important; }.d-inline-flex { display: inline-flex !important; }@media (min-width: 576px) {\n  .d-sm-none { display: none !important; }\n  .d-sm-inline { display: inline !important; }\n  .d-sm-inline-block { display: inline-block !important; }\n  .d-sm-block { display: block !important; }\n  .d-sm-table { display: table !important; }\n  .d-sm-table-row { display: table-row !important; }\n  .d-sm-table-cell { display: table-cell !important; }\n  .d-sm-flex { display: flex !important; }\n  .d-sm-inline-flex { display: inline-flex !important; }\n}@media (min-width: 768px) {\n  .d-md-none { display: none !important; }\n  .d-md-inline { display: inline !important; }\n  .d-md-inline-block { display: inline-block !important; }\n  .d-md-block { display: block !important; }\n  .d-md-table { display: table !important; }\n  .d-md-table-row { display: table-row !important; }\n  .d-md-table-cell { display: table-cell !important; }\n  .d-md-flex { display: flex !important; }\n  .d-md-inline-flex { display: inline-flex !important; }\n}@media (min-width: 992px) {\n  .d-lg-none { display: none !important; }\n  .d-lg-inline { display: inline !important; }\n  .d-lg-inline-block { display: inline-block !important; }\n  .d-lg-block { display: block !important; }\n  .d-lg-table { display: table !important; }\n  .d-lg-table-row { display: table-row !important; }\n  .d-lg-table-cell { display: table-cell !important; }\n  .d-lg-flex { display: flex !important; }\n  .d-lg-inline-flex { display: inline-flex !important; }\n}@media (min-width: 1200px) {\n  .d-xl-none { display: none !important; }\n  .d-xl-inline { display: inline !important; }\n  .d-xl-inline-block { display: inline-block !important; }\n  .d-xl-block { display: block !important; }\n  .d-xl-table { display: table !important; }\n  .d-xl-table-row { display: table-row !important; }\n  .d-xl-table-cell { display: table-cell !important; }\n  .d-xl-flex { display: flex !important; }\n  .d-xl-inline-flex { display: inline-flex !important; }\n}@media print {\n  .d-print-none { display: none !important; }\n  .d-print-inline { display: inline !important; }\n  .d-print-inline-block { display: inline-block !important; }\n  .d-print-block { display: block !important; }\n  .d-print-table { display: table !important; }\n  .d-print-table-row { display: table-row !important; }\n  .d-print-table-cell { display: table-cell !important; }\n  .d-print-flex { display: flex !important; }\n  .d-print-inline-flex { display: inline-flex !important; }\n}.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }.embed-responsive::before { display: block; content: \"\"; }.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }.embed-responsive-21by9::before { padding-top: 42.8571%; }.embed-responsive-16by9::before { padding-top: 56.25%; }.embed-responsive-4by3::before { padding-top: 75%; }.embed-responsive-1by1::before { padding-top: 100%; }.flex-row { flex-direction: row !important; }.flex-column { flex-direction: column !important; }.flex-row-reverse { flex-direction: row-reverse !important; }.flex-column-reverse { flex-direction: column-reverse !important; }.flex-wrap { flex-wrap: wrap !important; }.flex-nowrap { flex-wrap: nowrap !important; }.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }.flex-fill { flex: 1 1 auto !important; }.flex-grow-0 { flex-grow: 0 !important; }.flex-grow-1 { flex-grow: 1 !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-shrink-1 { flex-shrink: 1 !important; }.justify-content-start { justify-content: flex-start !important; }.justify-content-end { justify-content: flex-end !important; }.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.justify-content-around { justify-content: space-around !important; }.align-items-start { align-items: flex-start !important; }.align-items-end { align-items: flex-end !important; }.align-items-center { align-items: center !important; }.align-items-baseline { align-items: baseline !important; }.align-items-stretch { align-items: stretch !important; }.align-content-start { align-content: flex-start !important; }.align-content-end { align-content: flex-end !important; }.align-content-center { align-content: center !important; }.align-content-between { align-content: space-between !important; }.align-content-around { align-content: space-around !important; }.align-content-stretch { align-content: stretch !important; }.align-self-auto { align-self: auto !important; }.align-self-start { align-self: flex-start !important; }.align-self-end { align-self: flex-end !important; }.align-self-center { align-self: center !important; }.align-self-baseline { align-self: baseline !important; }.align-self-stretch { align-self: stretch !important; }@media (min-width: 576px) {\n  .flex-sm-row { flex-direction: row !important; }\n  .flex-sm-column { flex-direction: column !important; }\n  .flex-sm-row-reverse { flex-direction: row-reverse !important; }\n  .flex-sm-column-reverse { flex-direction: column-reverse !important; }\n  .flex-sm-wrap { flex-wrap: wrap !important; }\n  .flex-sm-nowrap { flex-wrap: nowrap !important; }\n  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-sm-fill { flex: 1 1 auto !important; }\n  .flex-sm-grow-0 { flex-grow: 0 !important; }\n  .flex-sm-grow-1 { flex-grow: 1 !important; }\n  .flex-sm-shrink-0 { flex-shrink: 0 !important; }\n  .flex-sm-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-sm-start { justify-content: flex-start !important; }\n  .justify-content-sm-end { justify-content: flex-end !important; }\n  .justify-content-sm-center { justify-content: center !important; }\n  .justify-content-sm-between { justify-content: space-between !important; }\n  .justify-content-sm-around { justify-content: space-around !important; }\n  .align-items-sm-start { align-items: flex-start !important; }\n  .align-items-sm-end { align-items: flex-end !important; }\n  .align-items-sm-center { align-items: center !important; }\n  .align-items-sm-baseline { align-items: baseline !important; }\n  .align-items-sm-stretch { align-items: stretch !important; }\n  .align-content-sm-start { align-content: flex-start !important; }\n  .align-content-sm-end { align-content: flex-end !important; }\n  .align-content-sm-center { align-content: center !important; }\n  .align-content-sm-between { align-content: space-between !important; }\n  .align-content-sm-around { align-content: space-around !important; }\n  .align-content-sm-stretch { align-content: stretch !important; }\n  .align-self-sm-auto { align-self: auto !important; }\n  .align-self-sm-start { align-self: flex-start !important; }\n  .align-self-sm-end { align-self: flex-end !important; }\n  .align-self-sm-center { align-self: center !important; }\n  .align-self-sm-baseline { align-self: baseline !important; }\n  .align-self-sm-stretch { align-self: stretch !important; }\n}@media (min-width: 768px) {\n  .flex-md-row { flex-direction: row !important; }\n  .flex-md-column { flex-direction: column !important; }\n  .flex-md-row-reverse { flex-direction: row-reverse !important; }\n  .flex-md-column-reverse { flex-direction: column-reverse !important; }\n  .flex-md-wrap { flex-wrap: wrap !important; }\n  .flex-md-nowrap { flex-wrap: nowrap !important; }\n  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-md-fill { flex: 1 1 auto !important; }\n  .flex-md-grow-0 { flex-grow: 0 !important; }\n  .flex-md-grow-1 { flex-grow: 1 !important; }\n  .flex-md-shrink-0 { flex-shrink: 0 !important; }\n  .flex-md-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-md-start { justify-content: flex-start !important; }\n  .justify-content-md-end { justify-content: flex-end !important; }\n  .justify-content-md-center { justify-content: center !important; }\n  .justify-content-md-between { justify-content: space-between !important; }\n  .justify-content-md-around { justify-content: space-around !important; }\n  .align-items-md-start { align-items: flex-start !important; }\n  .align-items-md-end { align-items: flex-end !important; }\n  .align-items-md-center { align-items: center !important; }\n  .align-items-md-baseline { align-items: baseline !important; }\n  .align-items-md-stretch { align-items: stretch !important; }\n  .align-content-md-start { align-content: flex-start !important; }\n  .align-content-md-end { align-content: flex-end !important; }\n  .align-content-md-center { align-content: center !important; }\n  .align-content-md-between { align-content: space-between !important; }\n  .align-content-md-around { align-content: space-around !important; }\n  .align-content-md-stretch { align-content: stretch !important; }\n  .align-self-md-auto { align-self: auto !important; }\n  .align-self-md-start { align-self: flex-start !important; }\n  .align-self-md-end { align-self: flex-end !important; }\n  .align-self-md-center { align-self: center !important; }\n  .align-self-md-baseline { align-self: baseline !important; }\n  .align-self-md-stretch { align-self: stretch !important; }\n}@media (min-width: 992px) {\n  .flex-lg-row { flex-direction: row !important; }\n  .flex-lg-column { flex-direction: column !important; }\n  .flex-lg-row-reverse { flex-direction: row-reverse !important; }\n  .flex-lg-column-reverse { flex-direction: column-reverse !important; }\n  .flex-lg-wrap { flex-wrap: wrap !important; }\n  .flex-lg-nowrap { flex-wrap: nowrap !important; }\n  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-lg-fill { flex: 1 1 auto !important; }\n  .flex-lg-grow-0 { flex-grow: 0 !important; }\n  .flex-lg-grow-1 { flex-grow: 1 !important; }\n  .flex-lg-shrink-0 { flex-shrink: 0 !important; }\n  .flex-lg-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-lg-start { justify-content: flex-start !important; }\n  .justify-content-lg-end { justify-content: flex-end !important; }\n  .justify-content-lg-center { justify-content: center !important; }\n  .justify-content-lg-between { justify-content: space-between !important; }\n  .justify-content-lg-around { justify-content: space-around !important; }\n  .align-items-lg-start { align-items: flex-start !important; }\n  .align-items-lg-end { align-items: flex-end !important; }\n  .align-items-lg-center { align-items: center !important; }\n  .align-items-lg-baseline { align-items: baseline !important; }\n  .align-items-lg-stretch { align-items: stretch !important; }\n  .align-content-lg-start { align-content: flex-start !important; }\n  .align-content-lg-end { align-content: flex-end !important; }\n  .align-content-lg-center { align-content: center !important; }\n  .align-content-lg-between { align-content: space-between !important; }\n  .align-content-lg-around { align-content: space-around !important; }\n  .align-content-lg-stretch { align-content: stretch !important; }\n  .align-self-lg-auto { align-self: auto !important; }\n  .align-self-lg-start { align-self: flex-start !important; }\n  .align-self-lg-end { align-self: flex-end !important; }\n  .align-self-lg-center { align-self: center !important; }\n  .align-self-lg-baseline { align-self: baseline !important; }\n  .align-self-lg-stretch { align-self: stretch !important; }\n}@media (min-width: 1200px) {\n  .flex-xl-row { flex-direction: row !important; }\n  .flex-xl-column { flex-direction: column !important; }\n  .flex-xl-row-reverse { flex-direction: row-reverse !important; }\n  .flex-xl-column-reverse { flex-direction: column-reverse !important; }\n  .flex-xl-wrap { flex-wrap: wrap !important; }\n  .flex-xl-nowrap { flex-wrap: nowrap !important; }\n  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-xl-fill { flex: 1 1 auto !important; }\n  .flex-xl-grow-0 { flex-grow: 0 !important; }\n  .flex-xl-grow-1 { flex-grow: 1 !important; }\n  .flex-xl-shrink-0 { flex-shrink: 0 !important; }\n  .flex-xl-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-xl-start { justify-content: flex-start !important; }\n  .justify-content-xl-end { justify-content: flex-end !important; }\n  .justify-content-xl-center { justify-content: center !important; }\n  .justify-content-xl-between { justify-content: space-between !important; }\n  .justify-content-xl-around { justify-content: space-around !important; }\n  .align-items-xl-start { align-items: flex-start !important; }\n  .align-items-xl-end { align-items: flex-end !important; }\n  .align-items-xl-center { align-items: center !important; }\n  .align-items-xl-baseline { align-items: baseline !important; }\n  .align-items-xl-stretch { align-items: stretch !important; }\n  .align-content-xl-start { align-content: flex-start !important; }\n  .align-content-xl-end { align-content: flex-end !important; }\n  .align-content-xl-center { align-content: center !important; }\n  .align-content-xl-between { align-content: space-between !important; }\n  .align-content-xl-around { align-content: space-around !important; }\n  .align-content-xl-stretch { align-content: stretch !important; }\n  .align-self-xl-auto { align-self: auto !important; }\n  .align-self-xl-start { align-self: flex-start !important; }\n  .align-self-xl-end { align-self: flex-end !important; }\n  .align-self-xl-center { align-self: center !important; }\n  .align-self-xl-baseline { align-self: baseline !important; }\n  .align-self-xl-stretch { align-self: stretch !important; }\n}.float-left { float: left !important; }.float-right { float: right !important; }.float-none { float: none !important; }@media (min-width: 576px) {\n  .float-sm-left { float: left !important; }\n  .float-sm-right { float: right !important; }\n  .float-sm-none { float: none !important; }\n}@media (min-width: 768px) {\n  .float-md-left { float: left !important; }\n  .float-md-right { float: right !important; }\n  .float-md-none { float: none !important; }\n}@media (min-width: 992px) {\n  .float-lg-left { float: left !important; }\n  .float-lg-right { float: right !important; }\n  .float-lg-none { float: none !important; }\n}@media (min-width: 1200px) {\n  .float-xl-left { float: left !important; }\n  .float-xl-right { float: right !important; }\n  .float-xl-none { float: none !important; }\n}.position-static { position: static !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.position-sticky { position: sticky !important; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }@supports ((position:-webkit-sticky) or (position:sticky)) {\n  .sticky-top { position: sticky; top: 0px; z-index: 1020; }\n}.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; }.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; }.shadow-none { box-shadow: none !important; }.w-25 { width: 25% !important; }.w-50 { width: 50% !important; }.w-75 { width: 75% !important; }.w-100 { width: 100% !important; }.w-auto { width: auto !important; }.h-25 { height: 25% !important; }.h-50 { height: 50% !important; }.h-75 { height: 75% !important; }.h-100 { height: 100% !important; }.h-auto { height: auto !important; }.mw-100 { max-width: 100% !important; }.mh-100 { max-height: 100% !important; }.m-0 { margin: 0px !important; }.mt-0, .my-0 { margin-top: 0px !important; }.mr-0, .mx-0 { margin-right: 0px !important; }.mb-0, .my-0 { margin-bottom: 0px !important; }.ml-0, .mx-0 { margin-left: 0px !important; }.m-1 { margin: 0.25rem !important; }.mt-1, .my-1 { margin-top: 0.25rem !important; }.mr-1, .mx-1 { margin-right: 0.25rem !important; }.mb-1, .my-1 { margin-bottom: 0.25rem !important; }.ml-1, .mx-1 { margin-left: 0.25rem !important; }.m-2 { margin: 0.5rem !important; }.mt-2, .my-2 { margin-top: 0.5rem !important; }.mr-2, .mx-2 { margin-right: 0.5rem !important; }.mb-2, .my-2 { margin-bottom: 0.5rem !important; }.ml-2, .mx-2 { margin-left: 0.5rem !important; }.m-3 { margin: 1rem !important; }.mt-3, .my-3 { margin-top: 1rem !important; }.mr-3, .mx-3 { margin-right: 1rem !important; }.mb-3, .my-3 { margin-bottom: 1rem !important; }.ml-3, .mx-3 { margin-left: 1rem !important; }.m-4 { margin: 1.5rem !important; }.mt-4, .my-4 { margin-top: 1.5rem !important; }.mr-4, .mx-4 { margin-right: 1.5rem !important; }.mb-4, .my-4 { margin-bottom: 1.5rem !important; }.ml-4, .mx-4 { margin-left: 1.5rem !important; }.m-5 { margin: 3rem !important; }.mt-5, .my-5 { margin-top: 3rem !important; }.mr-5, .mx-5 { margin-right: 3rem !important; }.mb-5, .my-5 { margin-bottom: 3rem !important; }.ml-5, .mx-5 { margin-left: 3rem !important; }.p-0 { padding: 0px !important; }.pt-0, .py-0 { padding-top: 0px !important; }.pr-0, .px-0 { padding-right: 0px !important; }.pb-0, .py-0 { padding-bottom: 0px !important; }.pl-0, .px-0 { padding-left: 0px !important; }.p-1 { padding: 0.25rem !important; }.pt-1, .py-1 { padding-top: 0.25rem !important; }.pr-1, .px-1 { padding-right: 0.25rem !important; }.pb-1, .py-1 { padding-bottom: 0.25rem !important; }.pl-1, .px-1 { padding-left: 0.25rem !important; }.p-2 { padding: 0.5rem !important; }.pt-2, .py-2 { padding-top: 0.5rem !important; }.pr-2, .px-2 { padding-right: 0.5rem !important; }.pb-2, .py-2 { padding-bottom: 0.5rem !important; }.pl-2, .px-2 { padding-left: 0.5rem !important; }.p-3 { padding: 1rem !important; }.pt-3, .py-3 { padding-top: 1rem !important; }.pr-3, .px-3 { padding-right: 1rem !important; }.pb-3, .py-3 { padding-bottom: 1rem !important; }.pl-3, .px-3 { padding-left: 1rem !important; }.p-4 { padding: 1.5rem !important; }.pt-4, .py-4 { padding-top: 1.5rem !important; }.pr-4, .px-4 { padding-right: 1.5rem !important; }.pb-4, .py-4 { padding-bottom: 1.5rem !important; }.pl-4, .px-4 { padding-left: 1.5rem !important; }.p-5 { padding: 3rem !important; }.pt-5, .py-5 { padding-top: 3rem !important; }.pr-5, .px-5 { padding-right: 3rem !important; }.pb-5, .py-5 { padding-bottom: 3rem !important; }.pl-5, .px-5 { padding-left: 3rem !important; }.m-auto { margin: auto !important; }.mt-auto, .my-auto { margin-top: auto !important; }.mr-auto, .mx-auto { margin-right: auto !important; }.mb-auto, .my-auto { margin-bottom: auto !important; }.ml-auto, .mx-auto { margin-left: auto !important; }@media (min-width: 576px) {\n  .m-sm-0 { margin: 0px !important; }\n  .mt-sm-0, .my-sm-0 { margin-top: 0px !important; }\n  .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; }\n  .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; }\n  .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; }\n  .m-sm-1 { margin: 0.25rem !important; }\n  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }\n  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }\n  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }\n  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }\n  .m-sm-2 { margin: 0.5rem !important; }\n  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }\n  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }\n  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }\n  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }\n  .m-sm-3 { margin: 1rem !important; }\n  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }\n  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }\n  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }\n  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }\n  .m-sm-4 { margin: 1.5rem !important; }\n  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }\n  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }\n  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }\n  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }\n  .m-sm-5 { margin: 3rem !important; }\n  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }\n  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }\n  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }\n  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }\n  .p-sm-0 { padding: 0px !important; }\n  .pt-sm-0, .py-sm-0 { padding-top: 0px !important; }\n  .pr-sm-0, .px-sm-0 { padding-right: 0px !important; }\n  .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; }\n  .pl-sm-0, .px-sm-0 { padding-left: 0px !important; }\n  .p-sm-1 { padding: 0.25rem !important; }\n  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }\n  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }\n  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }\n  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }\n  .p-sm-2 { padding: 0.5rem !important; }\n  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }\n  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }\n  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }\n  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }\n  .p-sm-3 { padding: 1rem !important; }\n  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }\n  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }\n  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }\n  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }\n  .p-sm-4 { padding: 1.5rem !important; }\n  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }\n  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }\n  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }\n  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }\n  .p-sm-5 { padding: 3rem !important; }\n  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }\n  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }\n  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }\n  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }\n  .m-sm-auto { margin: auto !important; }\n  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }\n  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }\n  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }\n  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }\n}@media (min-width: 768px) {\n  .m-md-0 { margin: 0px !important; }\n  .mt-md-0, .my-md-0 { margin-top: 0px !important; }\n  .mr-md-0, .mx-md-0 { margin-right: 0px !important; }\n  .mb-md-0, .my-md-0 { margin-bottom: 0px !important; }\n  .ml-md-0, .mx-md-0 { margin-left: 0px !important; }\n  .m-md-1 { margin: 0.25rem !important; }\n  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }\n  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }\n  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }\n  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }\n  .m-md-2 { margin: 0.5rem !important; }\n  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }\n  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }\n  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }\n  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }\n  .m-md-3 { margin: 1rem !important; }\n  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }\n  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }\n  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }\n  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }\n  .m-md-4 { margin: 1.5rem !important; }\n  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }\n  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }\n  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }\n  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }\n  .m-md-5 { margin: 3rem !important; }\n  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }\n  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }\n  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }\n  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }\n  .p-md-0 { padding: 0px !important; }\n  .pt-md-0, .py-md-0 { padding-top: 0px !important; }\n  .pr-md-0, .px-md-0 { padding-right: 0px !important; }\n  .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }\n  .pl-md-0, .px-md-0 { padding-left: 0px !important; }\n  .p-md-1 { padding: 0.25rem !important; }\n  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }\n  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }\n  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }\n  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }\n  .p-md-2 { padding: 0.5rem !important; }\n  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }\n  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }\n  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }\n  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }\n  .p-md-3 { padding: 1rem !important; }\n  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }\n  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }\n  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }\n  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }\n  .p-md-4 { padding: 1.5rem !important; }\n  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }\n  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }\n  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }\n  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }\n  .p-md-5 { padding: 3rem !important; }\n  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }\n  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }\n  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }\n  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }\n  .m-md-auto { margin: auto !important; }\n  .mt-md-auto, .my-md-auto { margin-top: auto !important; }\n  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }\n  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }\n  .ml-md-auto, .mx-md-auto { margin-left: auto !important; }\n}@media (min-width: 992px) {\n  .m-lg-0 { margin: 0px !important; }\n  .mt-lg-0, .my-lg-0 { margin-top: 0px !important; }\n  .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; }\n  .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; }\n  .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; }\n  .m-lg-1 { margin: 0.25rem !important; }\n  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }\n  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }\n  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }\n  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }\n  .m-lg-2 { margin: 0.5rem !important; }\n  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }\n  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }\n  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }\n  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }\n  .m-lg-3 { margin: 1rem !important; }\n  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }\n  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }\n  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }\n  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }\n  .m-lg-4 { margin: 1.5rem !important; }\n  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }\n  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }\n  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }\n  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }\n  .m-lg-5 { margin: 3rem !important; }\n  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }\n  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }\n  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }\n  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }\n  .p-lg-0 { padding: 0px !important; }\n  .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }\n  .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }\n  .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }\n  .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }\n  .p-lg-1 { padding: 0.25rem !important; }\n  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }\n  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }\n  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }\n  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }\n  .p-lg-2 { padding: 0.5rem !important; }\n  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }\n  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }\n  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }\n  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }\n  .p-lg-3 { padding: 1rem !important; }\n  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }\n  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }\n  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }\n  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }\n  .p-lg-4 { padding: 1.5rem !important; }\n  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }\n  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }\n  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }\n  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }\n  .p-lg-5 { padding: 3rem !important; }\n  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }\n  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }\n  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }\n  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }\n  .m-lg-auto { margin: auto !important; }\n  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }\n  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }\n  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }\n  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }\n}@media (min-width: 1200px) {\n  .m-xl-0 { margin: 0px !important; }\n  .mt-xl-0, .my-xl-0 { margin-top: 0px !important; }\n  .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; }\n  .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; }\n  .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; }\n  .m-xl-1 { margin: 0.25rem !important; }\n  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }\n  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }\n  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }\n  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }\n  .m-xl-2 { margin: 0.5rem !important; }\n  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }\n  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }\n  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }\n  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }\n  .m-xl-3 { margin: 1rem !important; }\n  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }\n  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }\n  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }\n  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }\n  .m-xl-4 { margin: 1.5rem !important; }\n  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }\n  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }\n  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }\n  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }\n  .m-xl-5 { margin: 3rem !important; }\n  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }\n  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }\n  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }\n  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }\n  .p-xl-0 { padding: 0px !important; }\n  .pt-xl-0, .py-xl-0 { padding-top: 0px !important; }\n  .pr-xl-0, .px-xl-0 { padding-right: 0px !important; }\n  .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; }\n  .pl-xl-0, .px-xl-0 { padding-left: 0px !important; }\n  .p-xl-1 { padding: 0.25rem !important; }\n  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }\n  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }\n  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }\n  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }\n  .p-xl-2 { padding: 0.5rem !important; }\n  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }\n  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }\n  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }\n  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }\n  .p-xl-3 { padding: 1rem !important; }\n  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }\n  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }\n  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }\n  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }\n  .p-xl-4 { padding: 1.5rem !important; }\n  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }\n  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }\n  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }\n  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }\n  .p-xl-5 { padding: 3rem !important; }\n  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }\n  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }\n  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }\n  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }\n  .m-xl-auto { margin: auto !important; }\n  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }\n  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }\n  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }\n  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }\n}.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }.text-justify { text-align: justify !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }@media (min-width: 576px) {\n  .text-sm-left { text-align: left !important; }\n  .text-sm-right { text-align: right !important; }\n  .text-sm-center { text-align: center !important; }\n}@media (min-width: 768px) {\n  .text-md-left { text-align: left !important; }\n  .text-md-right { text-align: right !important; }\n  .text-md-center { text-align: center !important; }\n}@media (min-width: 992px) {\n  .text-lg-left { text-align: left !important; }\n  .text-lg-right { text-align: right !important; }\n  .text-lg-center { text-align: center !important; }\n}@media (min-width: 1200px) {\n  .text-xl-left { text-align: left !important; }\n  .text-xl-right { text-align: right !important; }\n  .text-xl-center { text-align: center !important; }\n}.text-lowercase { text-transform: lowercase !important; }.text-uppercase { text-transform: uppercase !important; }.text-capitalize { text-transform: capitalize !important; }.font-weight-light { font-weight: 300 !important; }.font-weight-normal { font-weight: 400 !important; }.font-weight-bold { font-weight: 700 !important; }.font-italic { font-style: italic !important; }.text-white { color: rgb(255, 255, 255) !important; }.text-primary { color: rgb(0, 123, 255) !important; }a.text-primary:focus, a.text-primary:hover { color: rgb(0, 98, 204) !important; }.text-secondary { color: rgb(108, 117, 125) !important; }a.text-secondary:focus, a.text-secondary:hover { color: rgb(84, 91, 98) !important; }.text-success { color: rgb(40, 167, 69) !important; }a.text-success:focus, a.text-success:hover { color: rgb(30, 126, 52) !important; }.text-info { color: rgb(23, 162, 184) !important; }a.text-info:focus, a.text-info:hover { color: rgb(17, 122, 139) !important; }.text-warning { color: rgb(255, 193, 7) !important; }a.text-warning:focus, a.text-warning:hover { color: rgb(211, 158, 0) !important; }.text-danger { color: rgb(220, 53, 69) !important; }a.text-danger:focus, a.text-danger:hover { color: rgb(189, 33, 48) !important; }.text-light { color: rgb(248, 249, 250) !important; }a.text-light:focus, a.text-light:hover { color: rgb(218, 224, 229) !important; }.text-dark { color: rgb(52, 58, 64) !important; }a.text-dark:focus, a.text-dark:hover { color: rgb(29, 33, 36) !important; }.text-body { color: rgb(33, 37, 41) !important; }.text-muted { color: rgb(108, 117, 125) !important; }.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; }.visible { visibility: visible !important; }.invisible { visibility: hidden !important; }@media print {\n  *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }\n  a:not(.btn) { text-decoration: underline; }\n  abbr[title]::after { content: \" (\" attr(title) \")\"; }\n  pre { white-space: pre-wrap !important; }\n  blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; }\n  thead { display: table-header-group; }\n  img, tr { break-inside: avoid; }\n  h2, h3, p { orphans: 3; widows: 3; }\n  h2, h3 { break-after: avoid; }\n  @page { size: a3; }\n  body { min-width: 992px !important; }\n  .container { min-width: 992px !important; }\n  .navbar { display: none; }\n  .badge { border: 1px solid rgb(0, 0, 0); }\n  .table { border-collapse: collapse !important; }\n  .table td, .table th { background-color: rgb(255, 255, 255) !important; }\n  .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; }\n  .table-dark { color: inherit; }\n  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); }\n  .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }\n}"},"childNodes":[],"id":22},{"type":3,"textContent":"\n\n  ","id":23},{"type":5,"textContent":" Custom styles for this template ","id":24},{"type":3,"textContent":"\n  ","id":25},{"type":2,"tagName":"link","attributes":{"_cssText":".container { max-width: 960px; }.lh-condensed { line-height: 1.25; }"},"childNodes":[],"id":26},{"type":3,"textContent":"\n","id":27}],"id":5},{"type":3,"textContent":"\n\n","id":28},{"type":2,"tagName":"body","attributes":{"class":"bg-light"},"childNodes":[{"type":3,"textContent":"\n\n  ","id":30},{"type":2,"tagName":"div","attributes":{"class":"container"},"childNodes":[{"type":3,"textContent":"\n    ","id":32},{"type":2,"tagName":"div","attributes":{"class":"py-5 text-center"},"childNodes":[{"type":3,"textContent":"\n      ","id":34},{"type":2,"tagName":"img","attributes":{"class":"d-block mx-auto mb-4","src":"http://localhost:5500/checkout-demo/index_files/bootstrap-solid.svg","alt":"","width":"72","height":"72"},"childNodes":[],"id":35},{"type":3,"textContent":"\n      ","id":36},{"type":2,"tagName":"h2","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout form","id":38}],"id":37},{"type":3,"textContent":"\n      ","id":39},{"type":2,"tagName":"p","attributes":{"class":"lead"},"childNodes":[{"type":3,"textContent":"Below is an example form built entirely with Bootstrap's form controls. Each required form group\n        has\n        a validation state that can be triggered by attempting to submit the form without completing it.","id":41}],"id":40},{"type":3,"textContent":"\n    ","id":42}],"id":33},{"type":3,"textContent":"\n\n    ","id":43},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n      ","id":45},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 order-md-2 mb-4"},"childNodes":[{"type":3,"textContent":"\n        ","id":47},{"type":2,"tagName":"h4","attributes":{"class":"d-flex justify-content-between align-items-center mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":49},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Your cart","id":51}],"id":50},{"type":3,"textContent":"\n          ","id":52},{"type":2,"tagName":"span","attributes":{"class":"badge badge-secondary badge-pill"},"childNodes":[{"type":3,"textContent":"3","id":54}],"id":53},{"type":3,"textContent":"\n        ","id":55}],"id":48},{"type":3,"textContent":"\n        ","id":56},{"type":2,"tagName":"ul","attributes":{"class":"list-group mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":58},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":60},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":62},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Product name","id":64}],"id":63},{"type":3,"textContent":"\n              ","id":65},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":67}],"id":66},{"type":3,"textContent":"\n            ","id":68}],"id":61},{"type":3,"textContent":"\n            ","id":69},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$12","id":71}],"id":70},{"type":3,"textContent":"\n          ","id":72}],"id":59},{"type":3,"textContent":"\n          ","id":73},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":75},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":77},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Second product","id":79}],"id":78},{"type":3,"textContent":"\n              ","id":80},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":82}],"id":81},{"type":3,"textContent":"\n            ","id":83}],"id":76},{"type":3,"textContent":"\n            ","id":84},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$8","id":86}],"id":85},{"type":3,"textContent":"\n          ","id":87}],"id":74},{"type":3,"textContent":"\n          ","id":88},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":90},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":92},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Third item","id":94}],"id":93},{"type":3,"textContent":"\n              ","id":95},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":97}],"id":96},{"type":3,"textContent":"\n            ","id":98}],"id":91},{"type":3,"textContent":"\n            ","id":99},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$5","id":101}],"id":100},{"type":3,"textContent":"\n          ","id":102}],"id":89},{"type":3,"textContent":"\n          ","id":103},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between bg-light"},"childNodes":[{"type":3,"textContent":"\n            ","id":105},{"type":2,"tagName":"div","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"\n              ","id":107},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Promo code","id":109}],"id":108},{"type":3,"textContent":"\n              ","id":110},{"type":2,"tagName":"small","attributes":{},"childNodes":[{"type":3,"textContent":"EXAMPLECODE","id":112}],"id":111},{"type":3,"textContent":"\n            ","id":113}],"id":106},{"type":3,"textContent":"\n            ","id":114},{"type":2,"tagName":"span","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"-$5","id":116}],"id":115},{"type":3,"textContent":"\n          ","id":117}],"id":104},{"type":3,"textContent":"\n          ","id":118},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between"},"childNodes":[{"type":3,"textContent":"\n            ","id":120},{"type":2,"tagName":"span","attributes":{},"childNodes":[{"type":3,"textContent":"Total (USD)","id":122}],"id":121},{"type":3,"textContent":"\n            ","id":123},{"type":2,"tagName":"strong","attributes":{},"childNodes":[{"type":3,"textContent":"$20","id":125}],"id":124},{"type":3,"textContent":"\n          ","id":126}],"id":119},{"type":3,"textContent":"\n        ","id":127}],"id":57},{"type":3,"textContent":"\n\n        ","id":128},{"type":2,"tagName":"form","attributes":{"class":"card p-2"},"childNodes":[{"type":3,"textContent":"\n          ","id":130},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n            ","id":132},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","placeholder":"Promo code"},"childNodes":[],"id":133},{"type":3,"textContent":"\n            ","id":134},{"type":2,"tagName":"div","attributes":{"class":"input-group-append"},"childNodes":[{"type":3,"textContent":"\n              ","id":136},{"type":2,"tagName":"button","attributes":{"type":"submit","class":"btn btn-secondary"},"childNodes":[{"type":3,"textContent":"Redeem","id":138}],"id":137},{"type":3,"textContent":"\n            ","id":139}],"id":135},{"type":3,"textContent":"\n          ","id":140}],"id":131},{"type":3,"textContent":"\n        ","id":141}],"id":129},{"type":3,"textContent":"\n      ","id":142}],"id":46},{"type":3,"textContent":"\n      ","id":143},{"type":2,"tagName":"div","attributes":{"class":"col-md-8 order-md-1"},"childNodes":[{"type":3,"textContent":"\n        ","id":145},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Billing address","id":147}],"id":146},{"type":3,"textContent":"\n        ","id":148},{"type":2,"tagName":"form","attributes":{"class":"needs-validation","novalidate":""},"childNodes":[{"type":3,"textContent":"\n          ","id":150},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":152},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":154},{"type":2,"tagName":"label","attributes":{"for":"firstName"},"childNodes":[{"type":3,"textContent":"First name","id":156}],"id":155},{"type":3,"textContent":"\n              ","id":157},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"firstName","placeholder":"","value":"","required":""},"childNodes":[],"id":158},{"type":3,"textContent":"\n              ","id":159},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid first name is required.\n              ","id":161}],"id":160},{"type":3,"textContent":"\n            ","id":162}],"id":153},{"type":3,"textContent":"\n            ","id":163},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":165},{"type":2,"tagName":"label","attributes":{"for":"lastName"},"childNodes":[{"type":3,"textContent":"Last name","id":167}],"id":166},{"type":3,"textContent":"\n              ","id":168},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"lastName","placeholder":"","value":"","required":""},"childNodes":[],"id":169},{"type":3,"textContent":"\n              ","id":170},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid last name is required.\n              ","id":172}],"id":171},{"type":3,"textContent":"\n            ","id":173}],"id":164},{"type":3,"textContent":"\n          ","id":174}],"id":151},{"type":3,"textContent":"\n\n          ","id":175},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":177},{"type":2,"tagName":"label","attributes":{"for":"username"},"childNodes":[{"type":3,"textContent":"Username","id":179}],"id":178},{"type":3,"textContent":"\n            ","id":180},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n              ","id":182},{"type":2,"tagName":"div","attributes":{"class":"input-group-prepend"},"childNodes":[{"type":3,"textContent":"\n                ","id":184},{"type":2,"tagName":"span","attributes":{"class":"input-group-text"},"childNodes":[{"type":3,"textContent":"@","id":186}],"id":185},{"type":3,"textContent":"\n              ","id":187}],"id":183},{"type":3,"textContent":"\n              ","id":188},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"username","placeholder":"Username","required":""},"childNodes":[],"id":189},{"type":3,"textContent":"\n              ","id":190},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback","style":"width: 100%;"},"childNodes":[{"type":3,"textContent":"\n                Your username is required.\n              ","id":192}],"id":191},{"type":3,"textContent":"\n            ","id":193}],"id":181},{"type":3,"textContent":"\n          ","id":194}],"id":176},{"type":3,"textContent":"\n\n          ","id":195},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":197},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"Email ","id":199},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":201}],"id":200}],"id":198},{"type":3,"textContent":"\n            ","id":202},{"type":2,"tagName":"input","attributes":{"type":"email","class":"form-control","id":"email","placeholder":"you@example.com"},"childNodes":[],"id":203},{"type":3,"textContent":"\n            ","id":204},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter a valid email address for shipping updates.\n            ","id":206}],"id":205},{"type":3,"textContent":"\n          ","id":207}],"id":196},{"type":3,"textContent":"\n\n          ","id":208},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":210},{"type":2,"tagName":"label","attributes":{"for":"address"},"childNodes":[{"type":3,"textContent":"Address","id":212}],"id":211},{"type":3,"textContent":"\n            ","id":213},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address","placeholder":"1234 Main St","required":""},"childNodes":[],"id":214},{"type":3,"textContent":"\n            ","id":215},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter your shipping address.\n            ","id":217}],"id":216},{"type":3,"textContent":"\n          ","id":218}],"id":209},{"type":3,"textContent":"\n\n          ","id":219},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":221},{"type":2,"tagName":"label","attributes":{"for":"address2"},"childNodes":[{"type":3,"textContent":"Address 2 ","id":223},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":225}],"id":224}],"id":222},{"type":3,"textContent":"\n            ","id":226},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address2","placeholder":"Apartment or suite"},"childNodes":[],"id":227},{"type":3,"textContent":"\n          ","id":228}],"id":220},{"type":3,"textContent":"\n\n          ","id":229},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":231},{"type":2,"tagName":"div","attributes":{"class":"col-md-5 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":233},{"type":2,"tagName":"label","attributes":{"for":"country"},"childNodes":[{"type":3,"textContent":"Country","id":235}],"id":234},{"type":3,"textContent":"\n              ","id":236},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"country","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":238},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":240}],"id":239},{"type":3,"textContent":"\n                ","id":241},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"United States","id":243}],"id":242},{"type":3,"textContent":"\n              ","id":244}],"id":237},{"type":3,"textContent":"\n              ","id":245},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please select a valid country.\n              ","id":247}],"id":246},{"type":3,"textContent":"\n            ","id":248}],"id":232},{"type":3,"textContent":"\n            ","id":249},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":251},{"type":2,"tagName":"label","attributes":{"for":"state"},"childNodes":[{"type":3,"textContent":"State","id":253}],"id":252},{"type":3,"textContent":"\n              ","id":254},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"state","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":256},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":258}],"id":257},{"type":3,"textContent":"\n                ","id":259},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"California","id":261}],"id":260},{"type":3,"textContent":"\n              ","id":262}],"id":255},{"type":3,"textContent":"\n              ","id":263},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please provide a valid state.\n              ","id":265}],"id":264},{"type":3,"textContent":"\n            ","id":266}],"id":250},{"type":3,"textContent":"\n            ","id":267},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":269},{"type":2,"tagName":"label","attributes":{"for":"zip"},"childNodes":[{"type":3,"textContent":"Zip","id":271}],"id":270},{"type":3,"textContent":"\n              ","id":272},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"zip","placeholder":"","required":""},"childNodes":[],"id":273},{"type":3,"textContent":"\n              ","id":274},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Zip code required.\n              ","id":276}],"id":275},{"type":3,"textContent":"\n            ","id":277}],"id":268},{"type":3,"textContent":"\n          ","id":278}],"id":230},{"type":3,"textContent":"\n          ","id":279},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":280},{"type":3,"textContent":"\n          ","id":281},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":283},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"same-address"},"childNodes":[],"id":284},{"type":3,"textContent":"\n            ","id":285},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"same-address"},"childNodes":[{"type":3,"textContent":"Shipping address is the same as my billing address","id":287}],"id":286},{"type":3,"textContent":"\n          ","id":288}],"id":282},{"type":3,"textContent":"\n          ","id":289},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":291},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"save-info"},"childNodes":[],"id":292},{"type":3,"textContent":"\n            ","id":293},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"save-info"},"childNodes":[{"type":3,"textContent":"Save this information for next time","id":295}],"id":294},{"type":3,"textContent":"\n          ","id":296}],"id":290},{"type":3,"textContent":"\n          ","id":297},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":298},{"type":3,"textContent":"\n\n          ","id":299},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Payment","id":301}],"id":300},{"type":3,"textContent":"\n\n          ","id":302},{"type":2,"tagName":"div","attributes":{"class":"d-block my-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":304},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":306},{"type":2,"tagName":"input","attributes":{"id":"credit","name":"paymentMethod","type":"radio","class":"custom-control-input","checked":true,"required":""},"childNodes":[],"id":307},{"type":3,"textContent":"\n              ","id":308},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"credit"},"childNodes":[{"type":3,"textContent":"Credit card","id":310}],"id":309},{"type":3,"textContent":"\n            ","id":311}],"id":305},{"type":3,"textContent":"\n            ","id":312},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":314},{"type":2,"tagName":"input","attributes":{"id":"debit","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":315},{"type":3,"textContent":"\n              ","id":316},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"debit"},"childNodes":[{"type":3,"textContent":"Debit card","id":318}],"id":317},{"type":3,"textContent":"\n            ","id":319}],"id":313},{"type":3,"textContent":"\n            ","id":320},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":322},{"type":2,"tagName":"input","attributes":{"id":"paypal","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":323},{"type":3,"textContent":"\n              ","id":324},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"paypal"},"childNodes":[{"type":3,"textContent":"PayPal","id":326}],"id":325},{"type":3,"textContent":"\n            ","id":327}],"id":321},{"type":3,"textContent":"\n          ","id":328}],"id":303},{"type":3,"textContent":"\n          ","id":329},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":331},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":333},{"type":2,"tagName":"label","attributes":{"for":"cc-name"},"childNodes":[{"type":3,"textContent":"Name on card","id":335}],"id":334},{"type":3,"textContent":"\n              ","id":336},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-name","placeholder":"","required":""},"childNodes":[],"id":337},{"type":3,"textContent":"\n              ","id":338},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Full name as displayed on card","id":340}],"id":339},{"type":3,"textContent":"\n              ","id":341},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Name on card is required\n              ","id":343}],"id":342},{"type":3,"textContent":"\n            ","id":344}],"id":332},{"type":3,"textContent":"\n            ","id":345},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":347},{"type":2,"tagName":"label","attributes":{"for":"cc-number"},"childNodes":[{"type":3,"textContent":"Credit card number","id":349}],"id":348},{"type":3,"textContent":"\n              ","id":350},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-number","placeholder":"","required":""},"childNodes":[],"id":351},{"type":3,"textContent":"\n              ","id":352},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Credit card number is required\n              ","id":354}],"id":353},{"type":3,"textContent":"\n            ","id":355}],"id":346},{"type":3,"textContent":"\n          ","id":356}],"id":330},{"type":3,"textContent":"\n          ","id":357},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":359},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":361},{"type":2,"tagName":"label","attributes":{"for":"cc-expiration"},"childNodes":[{"type":3,"textContent":"Expiration","id":363}],"id":362},{"type":3,"textContent":"\n              ","id":364},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-expiration","placeholder":"","required":""},"childNodes":[],"id":365},{"type":3,"textContent":"\n              ","id":366},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Expiration date required\n              ","id":368}],"id":367},{"type":3,"textContent":"\n            ","id":369}],"id":360},{"type":3,"textContent":"\n            ","id":370},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":372},{"type":2,"tagName":"label","attributes":{"for":"cc-cvv"},"childNodes":[{"type":3,"textContent":"CVV","id":374}],"id":373},{"type":3,"textContent":"\n              ","id":375},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-cvv","placeholder":"","required":""},"childNodes":[],"id":376},{"type":3,"textContent":"\n              ","id":377},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Security code required\n              ","id":379}],"id":378},{"type":3,"textContent":"\n            ","id":380}],"id":371},{"type":3,"textContent":"\n          ","id":381}],"id":358},{"type":3,"textContent":"\n          ","id":382},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":384},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"textarea ","id":386},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":388}],"id":387}],"id":385},{"type":3,"textContent":"\n            ","id":389},{"type":2,"tagName":"textarea","attributes":{"name":"","id":"","cols":"30","rows":"10"},"childNodes":[],"id":390},{"type":3,"textContent":"\n          ","id":391}],"id":383},{"type":3,"textContent":"\n          ","id":392},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":393},{"type":3,"textContent":"\n          ","id":394},{"type":2,"tagName":"button","attributes":{"class":"btn btn-primary btn-lg btn-block","type":"submit"},"childNodes":[{"type":3,"textContent":"Continue to checkout","id":396}],"id":395},{"type":3,"textContent":"\n        ","id":397}],"id":149},{"type":3,"textContent":"\n      ","id":398}],"id":144},{"type":3,"textContent":"\n    ","id":399}],"id":44},{"type":3,"textContent":"\n\n    ","id":400},{"type":2,"tagName":"footer","attributes":{"class":"my-5 pt-5 text-muted text-center text-small"},"childNodes":[{"type":3,"textContent":"\n      ","id":402},{"type":2,"tagName":"p","attributes":{"class":"mb-1"},"childNodes":[{"type":3,"textContent":"© 2017-2018 Company Name","id":404}],"id":403},{"type":3,"textContent":"\n      ","id":405},{"type":2,"tagName":"ul","attributes":{"class":"list-inline"},"childNodes":[{"type":3,"textContent":"\n        ","id":407},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Privacy","id":410}],"id":409}],"id":408},{"type":3,"textContent":"\n        ","id":411},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Terms","id":414}],"id":413}],"id":412},{"type":3,"textContent":"\n        ","id":415},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Support","id":418}],"id":417}],"id":416},{"type":3,"textContent":"\n      ","id":419}],"id":406},{"type":3,"textContent":"\n    ","id":420}],"id":401},{"type":3,"textContent":"\n  ","id":421}],"id":31},{"type":3,"textContent":"\n\n  ","id":422},{"type":5,"textContent":" Bootstrap core JavaScript\n    ================================================== ","id":423},{"type":3,"textContent":"\n  ","id":424},{"type":5,"textContent":" Placed at the end of the document so the pages load faster ","id":425},{"type":3,"textContent":"\n  ","id":426},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/jquery-3.3.1.slim.min.js","integrity":"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo","crossorigin":"anonymous"},"childNodes":[],"id":427},{"type":3,"textContent":"\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/popper.min.js"},"childNodes":[],"id":432},{"type":3,"textContent":"\n  ","id":433},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/bootstrap.min.js"},"childNodes":[],"id":434},{"type":3,"textContent":"\n  ","id":435},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/holder.min.js"},"childNodes":[],"id":436},{"type":3,"textContent":"\n  ","id":437},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":439}],"id":438},{"type":3,"textContent":"\n\n  ","id":440},{"type":5,"textContent":" logrocket ","id":441},{"type":3,"textContent":"\n\n  ","id":442},{"type":5,"textContent":" <script src=\"../reverse-engineer/LogRocket.js\"></script>\n  <script>\n    LogRocket.init('bqsqi3/serenity');\n  </script> ","id":443},{"type":3,"textContent":"\n\n  ","id":444},{"type":5,"textContent":" fundebug ","id":445},{"type":3,"textContent":"\n\n  ","id":446},{"type":5,"textContent":" <script src=\"https://js.fundebug.cn/fundebug.1.2.3.min.js\"\n  apikey=\"2e96393d0884f5ef28b95645008da9926cb6750dae6b2a4c7a2403fac4d889ab\" silentVideo=false></script>\n   ","id":447},{"type":3,"textContent":"\n\n  ","id":448},{"type":5,"textContent":" fullstory ","id":449},{"type":3,"textContent":"\n\n  ","id":450},{"type":5,"textContent":" <script>\n    window['_fs_debug'] = false;\n    window['_fs_host'] = 'fullstory.com';\n    window['_fs_org'] = 'EYQ69';\n    window['_fs_namespace'] = 'FS';\n    (function (m, n, e, t, l, o, g, y) {\n      if (e in m) { if (m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window[\"_fs_namespace\"].'); } return; }\n      g = m[e] = function (a, b) { g.q ? g.q.push([a, b]) : g._api(a, b); }; g.q = [];\n      o = n.createElement(t); o.async = 1; o.src = 'https://' + _fs_host + '/s/fs.js';\n      y = n.getElementsByTagName(t)[0]; y.parentNode.insertBefore(o, y);\n      g.identify = function (i, v) { g(l, { uid: i }); if (v) g(l, v) }; g.setUserVars = function (v) { g(l, v) }; g.event = function (i, v) { g('event', { n: i, p: v }) };\n      g.shutdown = function () { g(\"rec\", !1) }; g.restart = function () { g(\"rec\", !0) };\n      g.consent = function (a) { g(\"consent\", !arguments.length || a) };\n      g.identifyAccount = function (i, v) { o = 'account'; v = v || {}; v.acctId = i; g(o, v) };\n      g.clearUserCookie = function () { };\n    })(window, document, window['_fs_namespace'], 'script', 'user');\n  </script> ","id":451},{"type":3,"textContent":"\n\n  ","id":452},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/src/record.js"},"childNodes":[],"id":453},{"type":3,"textContent":"\n  ","id":454},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":456}],"id":455},{"type":3,"textContent":"\n\n","id":457},{"type":5,"textContent":" Code injected by live-server ","id":458},{"type":3,"textContent":"\n","id":459},{"type":2,"tagName":"script","attributes":{"type":"text/javascript"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":461}],"id":460},{"type":3,"textContent":"\n\n","id":462}],"id":29}],"id":4}],"id":1},"initialOffset":{"left":0,"top":0}},"timestamp":1539774745304},{"type":3,"data":{"source":1,"positions":[{"x":301,"y":156,"timeOffset":-1}]},"timestamp":1539774745307},{"type":3,"data":{"source":1,"positions":[{"x":297,"y":159,"timeOffset":-477},{"x":294,"y":160,"timeOffset":-427},{"x":291,"y":162,"timeOffset":-393},{"x":286,"y":166,"timeOffset":-359},{"x":281,"y":169,"timeOffset":-327},{"x":278,"y":172,"timeOffset":-294},{"x":278,"y":175,"timeOffset":-260},{"x":278,"y":179,"timeOffset":-227},{"x":277,"y":185,"timeOffset":-193},{"x":277,"y":192,"timeOffset":-160},{"x":277,"y":197,"timeOffset":-126},{"x":277,"y":199,"timeOffset":-93},{"x":277,"y":202,"timeOffset":-60}]},"timestamp":1539774745807},{"type":3,"data":{"source":1,"positions":[{"x":278,"y":204,"timeOffset":-361},{"x":278,"y":204,"timeOffset":-311},{"x":277,"y":206,"timeOffset":-228}]},"timestamp":1539774746308},{"type":3,"data":{"source":1,"positions":[{"x":277,"y":207,"timeOffset":0}]},"timestamp":1539774747114},{"type":3,"data":{"source":2,"type":1,"id":29,"x":279,"y":280},"timestamp":1539774747448},{"type":3,"data":{"source":2,"type":0,"id":29,"x":279,"y":280},"timestamp":1539774747576},{"type":3,"data":{"source":2,"type":2,"id":29,"x":279,"y":280},"timestamp":1539774747576},{"type":3,"data":{"source":1,"positions":[{"x":274,"y":212,"timeOffset":-466},{"x":273,"y":221,"timeOffset":-433},{"x":272,"y":233,"timeOffset":-400},{"x":272,"y":245,"timeOffset":-367},{"x":272,"y":255,"timeOffset":-334},{"x":276,"y":263,"timeOffset":-300},{"x":277,"y":270,"timeOffset":-266},{"x":279,"y":274,"timeOffset":-233},{"x":279,"y":278,"timeOffset":-184}]},"timestamp":1539774747614},{"type":3,"data":{"source":1,"positions":[{"x":279,"y":280,"timeOffset":0}]},"timestamp":1539774748546},{"type":3,"data":{"source":4,"width":1147,"height":711},"timestamp":1539774748563},{"type":3,"data":{"source":1,"positions":[{"x":279,"y":285,"timeOffset":0}]},"timestamp":1539774749479},{"type":3,"data":{"source":1,"positions":[{"x":270,"y":304,"timeOffset":-468},{"x":265,"y":326,"timeOffset":-435},{"x":264,"y":336,"timeOffset":-401},{"x":262,"y":348,"timeOffset":-368},{"x":263,"y":356,"timeOffset":-334},{"x":263,"y":367,"timeOffset":-301},{"x":263,"y":373,"timeOffset":-267},{"x":263,"y":379,"timeOffset":-234},{"x":263,"y":384,"timeOffset":-201},{"x":262,"y":388,"timeOffset":-167},{"x":262,"y":393,"timeOffset":-133},{"x":261,"y":402,"timeOffset":-101},{"x":261,"y":405,"timeOffset":-68},{"x":261,"y":408,"timeOffset":-18}]},"timestamp":1539774749980},{"type":3,"data":{"source":2,"type":1,"id":158,"x":261,"y":410},"timestamp":1539774750089},{"type":3,"data":{"source":2,"type":5,"id":158},"timestamp":1539774750094},{"type":3,"data":{"source":2,"type":0,"id":158,"x":261,"y":410},"timestamp":1539774750208},{"type":3,"data":{"source":2,"type":2,"id":158,"x":261,"y":410},"timestamp":1539774750208},{"type":3,"data":{"source":1,"positions":[{"x":261,"y":410,"timeOffset":-486}]},"timestamp":1539774750481},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":158},"timestamp":1539774750928},{"type":3,"data":{"source":5,"text":"ya","isChecked":false,"id":158},"timestamp":1539774751039},{"type":3,"data":{"source":5,"text":"yan","isChecked":false,"id":158},"timestamp":1539774751151},{"type":3,"data":{"source":5,"text":"yanz","isChecked":false,"id":158},"timestamp":1539774751264},{"type":3,"data":{"source":5,"text":"yanzh","isChecked":false,"id":158},"timestamp":1539774751342},{"type":3,"data":{"source":5,"text":"yanzhe","isChecked":false,"id":158},"timestamp":1539774751449},{"type":3,"data":{"source":5,"text":"yanzhen","isChecked":false,"id":158},"timestamp":1539774751551},{"type":3,"data":{"source":1,"positions":[{"x":265,"y":411,"timeOffset":0}]},"timestamp":1539774752128},{"type":3,"data":{"source":1,"positions":[{"x":317,"y":392,"timeOffset":-466},{"x":337,"y":357,"timeOffset":-433},{"x":342,"y":336,"timeOffset":-399},{"x":367,"y":319,"timeOffset":-366},{"x":406,"y":323,"timeOffset":-333},{"x":409,"y":336,"timeOffset":-300},{"x":409,"y":352,"timeOffset":-266},{"x":411,"y":363,"timeOffset":-233},{"x":419,"y":367,"timeOffset":-200},{"x":424,"y":373,"timeOffset":-166},{"x":430,"y":381,"timeOffset":-133},{"x":438,"y":384,"timeOffset":-100},{"x":443,"y":385,"timeOffset":-67},{"x":449,"y":388,"timeOffset":-33},{"x":451,"y":389,"timeOffset":0}]},"timestamp":1539774752629},{"type":3,"data":{"source":2,"type":1,"id":169,"x":453,"y":393},"timestamp":1539774752826},{"type":3,"data":{"source":2,"type":6,"id":158},"timestamp":1539774752829},{"type":3,"data":{"source":2,"type":5,"id":169},"timestamp":1539774752830},{"type":3,"data":{"source":2,"type":0,"id":169,"x":454,"y":396},"timestamp":1539774752896},{"type":3,"data":{"source":2,"type":2,"id":169,"x":454,"y":396},"timestamp":1539774752896},{"type":3,"data":{"source":1,"positions":[{"x":453,"y":391,"timeOffset":-466},{"x":453,"y":393,"timeOffset":-400},{"x":453,"y":393,"timeOffset":-367},{"x":453,"y":394,"timeOffset":-249},{"x":458,"y":397,"timeOffset":-215},{"x":468,"y":401,"timeOffset":-183}]},"timestamp":1539774753128},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":169},"timestamp":1539774753790},{"type":3,"data":{"source":5,"text":"yu","isChecked":false,"id":169},"timestamp":1539774753836},{"type":3,"data":{"source":1,"positions":[{"x":465,"y":400,"timeOffset":0}]},"timestamp":1539774754611},{"type":3,"data":{"source":1,"positions":[{"x":447,"y":397,"timeOffset":-466},{"x":433,"y":394,"timeOffset":-433},{"x":373,"y":421,"timeOffset":-400},{"x":334,"y":442,"timeOffset":-367},{"x":322,"y":446,"timeOffset":-317},{"x":319,"y":450,"timeOffset":-266},{"x":308,"y":470,"timeOffset":-233},{"x":301,"y":481,"timeOffset":-200},{"x":300,"y":483,"timeOffset":-134},{"x":295,"y":490,"timeOffset":-100},{"x":293,"y":492,"timeOffset":-67}]},"timestamp":1539774755111},{"type":3,"data":{"source":2,"type":1,"id":189,"x":293,"y":492},"timestamp":1539774755137},{"type":3,"data":{"source":2,"type":6,"id":169},"timestamp":1539774755146},{"type":3,"data":{"source":2,"type":5,"id":189},"timestamp":1539774755147},{"type":3,"data":{"source":2,"type":0,"id":189,"x":293,"y":492},"timestamp":1539774755223},{"type":3,"data":{"source":2,"type":2,"id":189,"x":293,"y":492},"timestamp":1539774755223},{"type":3,"data":{"source":5,"text":"a","isChecked":false,"id":189},"timestamp":1539774755812},{"type":3,"data":{"source":5,"text":"ad","isChecked":false,"id":189},"timestamp":1539774755915},{"type":3,"data":{"source":5,"text":"adm","isChecked":false,"id":189},"timestamp":1539774756048},{"type":3,"data":{"source":5,"text":"admi","isChecked":false,"id":189},"timestamp":1539774756090},{"type":3,"data":{"source":5,"text":"admin","isChecked":false,"id":189},"timestamp":1539774756241},{"type":3,"data":{"source":1,"positions":[{"x":311,"y":510,"timeOffset":0}]},"timestamp":1539774756827},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1},"timestamp":1539774757177},{"type":3,"data":{"source":3,"id":1,"x":0,"y":90},"timestamp":1539774757278},{"type":3,"data":{"source":1,"positions":[{"x":449,"y":606,"timeOffset":-468},{"x":515,"y":642,"timeOffset":-435},{"x":514,"y":627,"timeOffset":-369},{"x":410,"y":510,"timeOffset":-336},{"x":401,"y":498,"timeOffset":-269},{"x":398,"y":502,"timeOffset":-219},{"x":388,"y":506,"timeOffset":-186},{"x":385,"y":506,"timeOffset":-119},{"x":384,"y":506,"timeOffset":-68},{"x":380,"y":507,"timeOffset":-18}]},"timestamp":1539774757329},{"type":3,"data":{"source":3,"id":1,"x":0,"y":212},"timestamp":1539774757378},{"type":3,"data":{"source":1,"positions":[{"x":378,"y":506,"timeOffset":-486},{"x":373,"y":498,"timeOffset":-452},{"x":368,"y":488,"timeOffset":-420},{"x":353,"y":476,"timeOffset":-387},{"x":329,"y":458,"timeOffset":-353},{"x":320,"y":433,"timeOffset":-320},{"x":312,"y":395,"timeOffset":-287},{"x":303,"y":379,"timeOffset":-254},{"x":297,"y":369,"timeOffset":-221},{"x":294,"y":364,"timeOffset":-187}]},"timestamp":1539774757830},{"type":3,"data":{"source":2,"type":1,"id":203,"x":293,"y":363},"timestamp":1539774757849},{"type":3,"data":{"source":2,"type":6,"id":189},"timestamp":1539774757853},{"type":3,"data":{"source":2,"type":5,"id":203},"timestamp":1539774757855},{"type":3,"data":{"source":2,"type":0,"id":203,"x":293,"y":363},"timestamp":1539774757972},{"type":3,"data":{"source":2,"type":2,"id":203,"x":293,"y":363},"timestamp":1539774757972},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":203},"timestamp":1539774758877},{"type":3,"data":{"source":5,"text":"ya","isChecked":false,"id":203},"timestamp":1539774758966},{"type":3,"data":{"source":5,"text":"yan","isChecked":false,"id":203},"timestamp":1539774759091},{"type":3,"data":{"source":5,"text":"yanz","isChecked":false,"id":203},"timestamp":1539774759222},{"type":3,"data":{"source":5,"text":"yanzh","isChecked":false,"id":203},"timestamp":1539774759318},{"type":3,"data":{"source":5,"text":"yanzhe","isChecked":false,"id":203},"timestamp":1539774759412},{"type":3,"data":{"source":5,"text":"yanzhen","isChecked":false,"id":203},"timestamp":1539774759522},{"type":3,"data":{"source":5,"text":"yanzhen@","isChecked":false,"id":203},"timestamp":1539774760043},{"type":3,"data":{"source":5,"text":"yanzhen@smartx.com","isChecked":false,"id":203},"timestamp":1539774760767},{"type":3,"data":{"source":1,"positions":[{"x":315,"y":364,"timeOffset":0}]},"timestamp":1539774761476},{"type":3,"data":{"source":1,"positions":[{"x":346,"y":366,"timeOffset":-469},{"x":342,"y":391,"timeOffset":-434},{"x":323,"y":422,"timeOffset":-401},{"x":318,"y":435,"timeOffset":-369},{"x":312,"y":443,"timeOffset":-336},{"x":308,"y":445,"timeOffset":-301},{"x":304,"y":448,"timeOffset":-252},{"x":302,"y":449,"timeOffset":-118},{"x":300,"y":451,"timeOffset":-85},{"x":300,"y":452,"timeOffset":-19}]},"timestamp":1539774761977},{"type":3,"data":{"source":2,"type":1,"id":214,"x":300,"y":452},"timestamp":1539774762010},{"type":3,"data":{"source":2,"type":6,"id":203},"timestamp":1539774762011},{"type":3,"data":{"source":2,"type":5,"id":214},"timestamp":1539774762012},{"type":3,"data":{"source":2,"type":0,"id":214,"x":300,"y":452},"timestamp":1539774762129},{"type":3,"data":{"source":2,"type":2,"id":214,"x":300,"y":452},"timestamp":1539774762129},{"type":3,"data":{"source":1,"positions":[{"x":300,"y":451,"timeOffset":0}]},"timestamp":1539774762509},{"type":3,"data":{"source":1,"positions":[{"x":302,"y":445,"timeOffset":-470},{"x":298,"y":445,"timeOffset":-369},{"x":291,"y":459,"timeOffset":-336},{"x":280,"y":514,"timeOffset":-269},{"x":280,"y":566,"timeOffset":-236},{"x":271,"y":572,"timeOffset":-170},{"x":221,"y":516,"timeOffset":-140},{"x":147,"y":458,"timeOffset":-103},{"x":145,"y":455,"timeOffset":-70},{"x":145,"y":452,"timeOffset":-37}]},"timestamp":1539774763011},{"type":3,"data":{"source":1,"positions":[{"x":146,"y":451,"timeOffset":-487},{"x":146,"y":451,"timeOffset":-404},{"x":147,"y":463,"timeOffset":-371},{"x":148,"y":473,"timeOffset":-338}]},"timestamp":1539774763512},{"type":3,"data":{"source":5,"text":"beijing","isChecked":false,"id":214},"timestamp":1539774763528},{"type":3,"data":{"source":1,"positions":[{"x":147,"y":490,"timeOffset":-470},{"x":147,"y":491,"timeOffset":-339},{"x":148,"y":499,"timeOffset":-305},{"x":149,"y":515,"timeOffset":-272},{"x":149,"y":527,"timeOffset":-238},{"x":149,"y":529,"timeOffset":-205},{"x":149,"y":532,"timeOffset":-173},{"x":149,"y":533,"timeOffset":-89},{"x":149,"y":535,"timeOffset":-55},{"x":149,"y":539,"timeOffset":-22}]},"timestamp":1539774764013},{"type":3,"data":{"source":2,"type":1,"id":227,"x":148,"y":544},"timestamp":1539774764073},{"type":3,"data":{"source":2,"type":6,"id":214},"timestamp":1539774764076},{"type":3,"data":{"source":2,"type":5,"id":227},"timestamp":1539774764078},{"type":3,"data":{"source":2,"type":0,"id":227,"x":148,"y":544},"timestamp":1539774764200},{"type":3,"data":{"source":2,"type":2,"id":227,"x":148,"y":544},"timestamp":1539774764200},{"type":3,"data":{"source":1,"positions":[{"x":148,"y":542,"timeOffset":-490},{"x":148,"y":544,"timeOffset":-441},{"x":149,"y":544,"timeOffset":-240},{"x":154,"y":542,"timeOffset":-206},{"x":161,"y":538,"timeOffset":-174},{"x":163,"y":535,"timeOffset":-123}]},"timestamp":1539774764514},{"type":3,"data":{"source":5,"text":"s","isChecked":false,"id":227},"timestamp":1539774765407},{"type":3,"data":{"source":5,"text":"sh","isChecked":false,"id":227},"timestamp":1539774765506},{"type":3,"data":{"source":5,"text":"she","isChecked":false,"id":227},"timestamp":1539774765628},{"type":3,"data":{"source":5,"text":"shen","isChecked":false,"id":227},"timestamp":1539774765722},{"type":3,"data":{"source":5,"text":"shenz","isChecked":false,"id":227},"timestamp":1539774765850},{"type":3,"data":{"source":5,"text":"shenzh","isChecked":false,"id":227},"timestamp":1539774765924},{"type":3,"data":{"source":5,"text":"shenzhn","isChecked":false,"id":227},"timestamp":1539774766130},{"type":3,"data":{"source":5,"text":"shenzh","isChecked":false,"id":227},"timestamp":1539774766706},{"type":3,"data":{"source":5,"text":"shenzhe","isChecked":false,"id":227},"timestamp":1539774766873},{"type":3,"data":{"source":5,"text":"shenzhen","isChecked":false,"id":227},"timestamp":1539774766960},{"type":3,"data":{"source":1,"positions":[{"x":166,"y":532,"timeOffset":0}]},"timestamp":1539774767574},{"type":3,"data":{"source":1,"positions":[{"x":179,"y":526,"timeOffset":-467},{"x":178,"y":526,"timeOffset":-385},{"x":159,"y":531,"timeOffset":-351},{"x":144,"y":537,"timeOffset":-318},{"x":128,"y":539,"timeOffset":-284},{"x":77,"y":546,"timeOffset":-251},{"x":30,"y":555,"timeOffset":-218},{"x":29,"y":556,"timeOffset":-101},{"x":59,"y":552,"timeOffset":-67},{"x":74,"y":549,"timeOffset":-35}]},"timestamp":1539774768074},{"type":3,"data":{"source":2,"type":1,"id":29,"x":74,"y":549},"timestamp":1539774768088},{"type":3,"data":{"source":2,"type":6,"id":227},"timestamp":1539774768091},{"type":3,"data":{"source":2,"type":0,"id":29,"x":74,"y":549},"timestamp":1539774768159},{"type":3,"data":{"source":2,"type":2,"id":29,"x":74,"y":549},"timestamp":1539774768159},{"type":3,"data":{"source":3,"id":1,"x":0,"y":213},"timestamp":1539774768356},{"type":3,"data":{"source":3,"id":1,"x":0,"y":286},"timestamp":1539774768457},{"type":3,"data":{"source":3,"id":1,"x":0,"y":421},"timestamp":1539774768557},{"type":3,"data":{"source":1,"positions":[{"x":75,"y":549,"timeOffset":-273},{"x":78,"y":549,"timeOffset":-171},{"x":85,"y":546,"timeOffset":-137},{"x":96,"y":544,"timeOffset":-105},{"x":116,"y":543,"timeOffset":-71},{"x":135,"y":537,"timeOffset":-38},{"x":155,"y":530,"timeOffset":0}]},"timestamp":1539774768578},{"type":3,"data":{"source":3,"id":1,"x":0,"y":424},"timestamp":1539774768657},{"type":3,"data":{"source":1,"positions":[{"x":210,"y":507,"timeOffset":-472},{"x":278,"y":478,"timeOffset":-439},{"x":321,"y":459,"timeOffset":-406},{"x":347,"y":440,"timeOffset":-372},{"x":367,"y":416,"timeOffset":-339},{"x":378,"y":407,"timeOffset":-305},{"x":384,"y":400,"timeOffset":-272},{"x":386,"y":397,"timeOffset":-239},{"x":386,"y":396,"timeOffset":-189},{"x":385,"y":395,"timeOffset":-155},{"x":369,"y":401,"timeOffset":-122},{"x":341,"y":415,"timeOffset":-89},{"x":326,"y":419,"timeOffset":-55}]},"timestamp":1539774769078},{"type":3,"data":{"source":2,"type":1,"id":237,"x":319,"y":422},"timestamp":1539774769208},{"type":3,"data":{"source":2,"type":5,"id":237},"timestamp":1539774769210},{"type":3,"data":{"source":1,"positions":[{"x":322,"y":420,"timeOffset":-489}]},"timestamp":1539774769578},{"type":3,"data":{"source":5,"text":"United States","isChecked":false,"id":237},"timestamp":1539774769903},{"type":3,"data":{"source":2,"type":0,"id":237,"x":0,"y":0},"timestamp":1539774769903},{"type":3,"data":{"source":2,"type":2,"id":237,"x":0,"y":0},"timestamp":1539774769903},{"type":3,"data":{"source":1,"positions":[{"x":303,"y":458,"timeOffset":-158},{"x":307,"y":457,"timeOffset":-124},{"x":326,"y":450,"timeOffset":-90},{"x":356,"y":437,"timeOffset":-57},{"x":393,"y":425,"timeOffset":-24}]},"timestamp":1539774770080},{"type":3,"data":{"source":2,"type":1,"id":255,"x":451,"y":413},"timestamp":1539774770264},{"type":3,"data":{"source":2,"type":6,"id":237},"timestamp":1539774770265},{"type":3,"data":{"source":2,"type":5,"id":255},"timestamp":1539774770267},{"type":3,"data":{"source":1,"positions":[{"x":415,"y":423,"timeOffset":-492},{"x":424,"y":420,"timeOffset":-458},{"x":436,"y":418,"timeOffset":-425},{"x":447,"y":414,"timeOffset":-391}]},"timestamp":1539774770580},{"type":3,"data":{"source":5,"text":"California","isChecked":false,"id":255},"timestamp":1539774770855},{"type":3,"data":{"source":2,"type":0,"id":255,"x":0,"y":0},"timestamp":1539774770855},{"type":3,"data":{"source":2,"type":2,"id":255,"x":0,"y":0},"timestamp":1539774770855},{"type":3,"data":{"source":1,"positions":[{"x":444,"y":466,"timeOffset":-206},{"x":447,"y":466,"timeOffset":-175},{"x":462,"y":463,"timeOffset":-142},{"x":490,"y":460,"timeOffset":-109},{"x":517,"y":455,"timeOffset":-75},{"x":544,"y":449,"timeOffset":-41},{"x":564,"y":442,"timeOffset":-8}]},"timestamp":1539774771080},{"type":3,"data":{"source":2,"type":1,"id":273,"x":623,"y":417},"timestamp":1539774771320},{"type":3,"data":{"source":2,"type":6,"id":255},"timestamp":1539774771321},{"type":3,"data":{"source":2,"type":5,"id":273},"timestamp":1539774771324},{"type":3,"data":{"source":2,"type":0,"id":273,"x":623,"y":417},"timestamp":1539774771432},{"type":3,"data":{"source":2,"type":2,"id":273,"x":623,"y":417},"timestamp":1539774771432},{"type":3,"data":{"source":1,"positions":[{"x":585,"y":433,"timeOffset":-475},{"x":603,"y":426,"timeOffset":-441},{"x":613,"y":423,"timeOffset":-408},{"x":619,"y":420,"timeOffset":-374},{"x":623,"y":417,"timeOffset":-341}]},"timestamp":1539774771580},{"type":3,"data":{"source":1,"positions":[{"x":627,"y":415,"timeOffset":-458}]},"timestamp":1539774772080},{"type":3,"data":{"source":5,"text":"1","isChecked":false,"id":273},"timestamp":1539774772151},{"type":3,"data":{"source":5,"text":"10","isChecked":false,"id":273},"timestamp":1539774772349},{"type":3,"data":{"source":5,"text":"100","isChecked":false,"id":273},"timestamp":1539774772521},{"type":3,"data":{"source":5,"text":"1000","isChecked":false,"id":273},"timestamp":1539774773008},{"type":3,"data":{"source":5,"text":"10000","isChecked":false,"id":273},"timestamp":1539774773176},{"type":3,"data":{"source":5,"text":"100000","isChecked":false,"id":273},"timestamp":1539774773539},{"type":3,"data":{"source":1,"positions":[{"x":627,"y":415,"timeOffset":0}]},"timestamp":1539774774170},{"type":3,"data":{"source":2,"type":1,"id":286,"x":320,"y":508},"timestamp":1539774774582},{"type":3,"data":{"source":2,"type":6,"id":273},"timestamp":1539774774584},{"type":3,"data":{"source":2,"type":0,"id":286,"x":320,"y":508},"timestamp":1539774774654},{"type":3,"data":{"source":2,"type":2,"id":286,"x":320,"y":508},"timestamp":1539774774654},{"type":3,"data":{"source":2,"type":5,"id":284},"timestamp":1539774774657},{"type":3,"data":{"source":2,"type":2,"id":284,"x":320,"y":508},"timestamp":1539774774657},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":284},"timestamp":1539774774657},{"type":3,"data":{"source":1,"positions":[{"x":617,"y":385,"timeOffset":-464},{"x":552,"y":369,"timeOffset":-432},{"x":473,"y":409,"timeOffset":-398},{"x":414,"y":457,"timeOffset":-365},{"x":392,"y":490,"timeOffset":-331},{"x":385,"y":498,"timeOffset":-299},{"x":362,"y":502,"timeOffset":-265},{"x":332,"y":507,"timeOffset":-232},{"x":320,"y":508,"timeOffset":-199}]},"timestamp":1539774774670},{"type":3,"data":{"source":1,"positions":[{"x":318,"y":509,"timeOffset":-131},{"x":310,"y":511,"timeOffset":-98},{"x":299,"y":518,"timeOffset":-65},{"x":291,"y":523,"timeOffset":-32}]},"timestamp":1539774775169},{"type":3,"data":{"source":2,"type":1,"id":294,"x":286,"y":527},"timestamp":1539774775272},{"type":3,"data":{"source":2,"type":6,"id":284},"timestamp":1539774775273},{"type":3,"data":{"source":2,"type":0,"id":294,"x":286,"y":527},"timestamp":1539774775359},{"type":3,"data":{"source":2,"type":2,"id":294,"x":286,"y":527},"timestamp":1539774775359},{"type":3,"data":{"source":2,"type":5,"id":292},"timestamp":1539774775379},{"type":3,"data":{"source":2,"type":2,"id":292,"x":286,"y":527},"timestamp":1539774775379},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":292},"timestamp":1539774775380},{"type":3,"data":{"source":3,"id":1,"x":0,"y":425},"timestamp":1539774775638},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":526,"timeOffset":-499},{"x":282,"y":529,"timeOffset":-213},{"x":273,"y":540,"timeOffset":-181},{"x":269,"y":547,"timeOffset":-148},{"x":269,"y":549,"timeOffset":-99},{"x":269,"y":553,"timeOffset":-66},{"x":269,"y":555,"timeOffset":-31}]},"timestamp":1539774775669},{"type":3,"data":{"source":3,"id":1,"x":0,"y":499},"timestamp":1539774775738},{"type":3,"data":{"source":3,"id":1,"x":0,"y":652},"timestamp":1539774775838},{"type":3,"data":{"source":3,"id":1,"x":0,"y":689},"timestamp":1539774775938},{"type":3,"data":{"source":1,"positions":[{"x":267,"y":556,"timeOffset":-449},{"x":265,"y":556,"timeOffset":-416},{"x":259,"y":559,"timeOffset":-382},{"x":244,"y":559,"timeOffset":-349},{"x":225,"y":559,"timeOffset":-316},{"x":219,"y":559,"timeOffset":-282},{"x":217,"y":559,"timeOffset":-233},{"x":212,"y":552,"timeOffset":-199},{"x":203,"y":540,"timeOffset":-167},{"x":194,"y":525,"timeOffset":-134},{"x":187,"y":501,"timeOffset":-101},{"x":181,"y":469,"timeOffset":-67},{"x":177,"y":452,"timeOffset":-34}]},"timestamp":1539774776170},{"type":3,"data":{"source":2,"type":1,"id":325,"x":168,"y":419},"timestamp":1539774776495},{"type":3,"data":{"source":2,"type":6,"id":292},"timestamp":1539774776497},{"type":3,"data":{"source":2,"type":0,"id":325,"x":168,"y":419},"timestamp":1539774776590},{"type":3,"data":{"source":2,"type":2,"id":325,"x":168,"y":419},"timestamp":1539774776590},{"type":3,"data":{"source":2,"type":5,"id":323},"timestamp":1539774776594},{"type":3,"data":{"source":2,"type":2,"id":323,"x":168,"y":419},"timestamp":1539774776595},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":323},"timestamp":1539774776596},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":307},"timestamp":1539774776596},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":315},"timestamp":1539774776596},{"type":3,"data":{"source":1,"positions":[{"x":176,"y":449,"timeOffset":-483},{"x":176,"y":447,"timeOffset":-450},{"x":176,"y":441,"timeOffset":-417},{"x":176,"y":430,"timeOffset":-384},{"x":173,"y":425,"timeOffset":-351},{"x":172,"y":424,"timeOffset":-317},{"x":170,"y":422,"timeOffset":-284},{"x":168,"y":419,"timeOffset":-234},{"x":167,"y":418,"timeOffset":-48},{"x":167,"y":408,"timeOffset":-16}]},"timestamp":1539774776670},{"type":3,"data":{"source":2,"type":1,"id":317,"x":166,"y":388},"timestamp":1539774776816},{"type":3,"data":{"source":2,"type":6,"id":323},"timestamp":1539774776818},{"type":3,"data":{"source":2,"type":0,"id":317,"x":166,"y":388},"timestamp":1539774776904},{"type":3,"data":{"source":2,"type":2,"id":317,"x":166,"y":388},"timestamp":1539774776905},{"type":3,"data":{"source":2,"type":5,"id":315},"timestamp":1539774776908},{"type":3,"data":{"source":2,"type":2,"id":315,"x":166,"y":388},"timestamp":1539774776908},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":315},"timestamp":1539774776910},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":323},"timestamp":1539774776910},{"type":3,"data":{"source":1,"positions":[{"x":167,"y":395,"timeOffset":-483},{"x":166,"y":389,"timeOffset":-450},{"x":168,"y":387,"timeOffset":-183},{"x":179,"y":390,"timeOffset":-151},{"x":208,"y":400,"timeOffset":-116},{"x":236,"y":403,"timeOffset":-84},{"x":267,"y":406,"timeOffset":-52},{"x":284,"y":408,"timeOffset":-19}]},"timestamp":1539774777171},{"type":3,"data":{"source":3,"id":1,"x":0,"y":690},"timestamp":1539774777237},{"type":3,"data":{"source":3,"id":1,"x":0,"y":733},"timestamp":1539774777338},{"type":3,"data":{"source":3,"id":1,"x":0,"y":793},"timestamp":1539774777438},{"type":3,"data":{"source":3,"id":1,"x":0,"y":795},"timestamp":1539774777539},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":408,"timeOffset":-485},{"x":289,"y":409,"timeOffset":-434},{"x":289,"y":413,"timeOffset":-400},{"x":289,"y":416,"timeOffset":-351},{"x":288,"y":417,"timeOffset":-318},{"x":288,"y":417,"timeOffset":-284},{"x":287,"y":418,"timeOffset":-201},{"x":286,"y":418,"timeOffset":-169}]},"timestamp":1539774777671},{"type":3,"data":{"source":3,"id":1,"x":0,"y":796},"timestamp":1539774777869},{"type":3,"data":{"source":3,"id":1,"x":0,"y":836},"timestamp":1539774777970},{"type":3,"data":{"source":3,"id":1,"x":0,"y":972},"timestamp":1539774778071},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":422,"timeOffset":-385},{"x":299,"y":438,"timeOffset":-351},{"x":312,"y":456,"timeOffset":-318},{"x":318,"y":465,"timeOffset":-285},{"x":320,"y":466,"timeOffset":-218},{"x":321,"y":466,"timeOffset":-184}]},"timestamp":1539774778171},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1007},"timestamp":1539774778171},{"type":3,"data":{"source":2,"type":1,"id":390,"x":322,"y":467},"timestamp":1539774778312},{"type":3,"data":{"source":2,"type":6,"id":315},"timestamp":1539774778313},{"type":3,"data":{"source":2,"type":5,"id":390},"timestamp":1539774778315},{"type":3,"data":{"source":2,"type":0,"id":390,"x":322,"y":467},"timestamp":1539774778423},{"type":3,"data":{"source":2,"type":2,"id":390,"x":322,"y":467},"timestamp":1539774778423},{"type":3,"data":{"source":1,"positions":[{"x":322,"y":467,"timeOffset":-486},{"x":324,"y":464,"timeOffset":-136},{"x":331,"y":448,"timeOffset":-103}]},"timestamp":1539774778672},{"type":3,"data":{"source":5,"text":"h","isChecked":false,"id":390},"timestamp":1539774779696},{"type":3,"data":{"source":5,"text":"he","isChecked":false,"id":390},"timestamp":1539774779875},{"type":3,"data":{"source":5,"text":"hel","isChecked":false,"id":390},"timestamp":1539774780010},{"type":3,"data":{"source":5,"text":"hell","isChecked":false,"id":390},"timestamp":1539774780179},{"type":3,"data":{"source":5,"text":"hello","isChecked":false,"id":390},"timestamp":1539774780363},{"type":3,"data":{"source":5,"text":"hello ","isChecked":false,"id":390},"timestamp":1539774780501},{"type":3,"data":{"source":5,"text":"hello w","isChecked":false,"id":390},"timestamp":1539774780690},{"type":3,"data":{"source":5,"text":"hello wo","isChecked":false,"id":390},"timestamp":1539774780810},{"type":3,"data":{"source":5,"text":"hello wor","isChecked":false,"id":390},"timestamp":1539774780914},{"type":3,"data":{"source":5,"text":"hello worl","isChecked":false,"id":390},"timestamp":1539774781245},{"type":3,"data":{"source":5,"text":"hello world","isChecked":false,"id":390},"timestamp":1539774781381},{"type":3,"data":{"source":1,"positions":[{"x":332,"y":448,"timeOffset":0}]},"timestamp":1539774781919},{"type":3,"data":{"source":1,"positions":[{"x":333,"y":457,"timeOffset":-400},{"x":397,"y":511,"timeOffset":-368},{"x":533,"y":567,"timeOffset":-334},{"x":577,"y":603,"timeOffset":-300},{"x":581,"y":605,"timeOffset":-134},{"x":581,"y":599,"timeOffset":-100},{"x":566,"y":592,"timeOffset":-68},{"x":554,"y":586,"timeOffset":-34}]},"timestamp":1539774782419},{"type":3,"data":{"source":1,"positions":[{"x":552,"y":583,"timeOffset":-450},{"x":548,"y":578,"timeOffset":-418},{"x":547,"y":577,"timeOffset":-334},{"x":545,"y":575,"timeOffset":-301},{"x":542,"y":572,"timeOffset":-267},{"x":540,"y":572,"timeOffset":-234},{"x":539,"y":572,"timeOffset":-167},{"x":537,"y":571,"timeOffset":-134},{"x":536,"y":571,"timeOffset":-84},{"x":535,"y":571,"timeOffset":-51},{"x":531,"y":570,"timeOffset":-16}]},"timestamp":1539774782919},{"type":3,"data":{"source":1,"positions":[{"x":530,"y":569,"timeOffset":-483},{"x":528,"y":567,"timeOffset":-233},{"x":527,"y":567,"timeOffset":-201}]},"timestamp":1539774783419},{"type":3,"data":{"source":2,"type":1,"id":390,"x":526,"y":567},"timestamp":1539774783464},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 245px;"}}],"removes":[],"adds":[]},"timestamp":1539774783550},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 244px;"}}],"removes":[],"adds":[]},"timestamp":1539774783567},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 240px;"}}],"removes":[],"adds":[]},"timestamp":1539774783586},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 234px;"}}],"removes":[],"adds":[]},"timestamp":1539774783603},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 228px;"}}],"removes":[],"adds":[]},"timestamp":1539774783618},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 220px;"}}],"removes":[],"adds":[]},"timestamp":1539774783636},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 214px;"}}],"removes":[],"adds":[]},"timestamp":1539774783653},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 206px;"}}],"removes":[],"adds":[]},"timestamp":1539774783669},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 193px;"}}],"removes":[],"adds":[]},"timestamp":1539774783686},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 181px;"}}],"removes":[],"adds":[]},"timestamp":1539774783703},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 170px;"}}],"removes":[],"adds":[]},"timestamp":1539774783719},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 158px;"}}],"removes":[],"adds":[]},"timestamp":1539774783737},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 153px;"}}],"removes":[],"adds":[]},"timestamp":1539774783752},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 151px;"}}],"removes":[],"adds":[]},"timestamp":1539774783770},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 148px;"}}],"removes":[],"adds":[]},"timestamp":1539774783786},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 147px;"}}],"removes":[],"adds":[]},"timestamp":1539774783803},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 146px;"}}],"removes":[],"adds":[]},"timestamp":1539774783868},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 145px;"}}],"removes":[],"adds":[]},"timestamp":1539774783885},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 142px;"}}],"removes":[],"adds":[]},"timestamp":1539774783902},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 138px;"}}],"removes":[],"adds":[]},"timestamp":1539774783919},{"type":3,"data":{"source":1,"positions":[{"x":525,"y":566,"timeOffset":-374},{"x":526,"y":561,"timeOffset":-338},{"x":529,"y":549,"timeOffset":-306},{"x":529,"y":535,"timeOffset":-272},{"x":529,"y":514,"timeOffset":-238},{"x":529,"y":491,"timeOffset":-206},{"x":526,"y":474,"timeOffset":-172},{"x":525,"y":469,"timeOffset":-138},{"x":523,"y":467,"timeOffset":-56},{"x":523,"y":463,"timeOffset":-22}]},"timestamp":1539774783924},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 132px;"}}],"removes":[],"adds":[]},"timestamp":1539774783937},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 126px;"}}],"removes":[],"adds":[]},"timestamp":1539774783952},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 123px;"}}],"removes":[],"adds":[]},"timestamp":1539774783969},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 121px;"}}],"removes":[],"adds":[]},"timestamp":1539774783986},{"type":3,"data":{"source":2,"type":0,"id":390,"x":521,"y":442},"timestamp":1539774784166},{"type":3,"data":{"source":2,"type":2,"id":390,"x":521,"y":442},"timestamp":1539774784166},{"type":3,"data":{"source":1,"positions":[{"x":523,"y":453,"timeOffset":-487},{"x":522,"y":444,"timeOffset":-455},{"x":519,"y":443,"timeOffset":-207},{"x":518,"y":447,"timeOffset":-174},{"x":517,"y":458,"timeOffset":-141},{"x":513,"y":476,"timeOffset":-107},{"x":506,"y":490,"timeOffset":-74},{"x":503,"y":496,"timeOffset":-40},{"x":501,"y":500,"timeOffset":-6}]},"timestamp":1539774784424},{"type":3,"data":{"source":2,"type":1,"id":395,"x":491,"y":518},"timestamp":1539774784656},{"type":3,"data":{"source":2,"type":6,"id":390},"timestamp":1539774784660},{"type":3,"data":{"source":2,"type":5,"id":395},"timestamp":1539774784662},{"type":3,"data":{"source":2,"type":0,"id":395,"x":491,"y":518},"timestamp":1539774784743},{"type":3,"data":{"source":2,"type":2,"id":395,"x":491,"y":518},"timestamp":1539774784743},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":149,"attributes":{"class":"needs-validation was-validated"}}],"removes":[],"adds":[]},"timestamp":1539774784747},{"type":3,"data":{"source":1,"positions":[{"x":500,"y":503,"timeOffset":-475},{"x":497,"y":507,"timeOffset":-441},{"x":493,"y":511,"timeOffset":-406},{"x":492,"y":514,"timeOffset":-357},{"x":491,"y":518,"timeOffset":-324}]},"timestamp":1539774784925},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1006},"timestamp":1539774785383},{"type":3,"data":{"source":1,"positions":[{"x":492,"y":519,"timeOffset":-425},{"x":502,"y":516,"timeOffset":-392},{"x":518,"y":515,"timeOffset":-357},{"x":541,"y":511,"timeOffset":-325},{"x":570,"y":506,"timeOffset":-291},{"x":612,"y":494,"timeOffset":-259},{"x":638,"y":489,"timeOffset":-225},{"x":648,"y":485,"timeOffset":-193},{"x":652,"y":484,"timeOffset":-159}]},"timestamp":1539774785425},{"type":3,"data":{"source":3,"id":1,"x":0,"y":914},"timestamp":1539774785483},{"type":3,"data":{"source":3,"id":1,"x":0,"y":649},"timestamp":1539774785584},{"type":3,"data":{"source":3,"id":1,"x":0,"y":618},"timestamp":1539774785684},{"type":3,"data":{"source":3,"id":1,"x":0,"y":375},"timestamp":1539774785784},{"type":3,"data":{"source":3,"id":1,"x":0,"y":265},"timestamp":1539774785885},{"type":3,"data":{"source":1,"positions":[{"x":653,"y":483,"timeOffset":-476},{"x":656,"y":482,"timeOffset":-359},{"x":662,"y":489,"timeOffset":-325},{"x":661,"y":488,"timeOffset":-207},{"x":660,"y":487,"timeOffset":-26}]},"timestamp":1539774785926},{"type":3,"data":{"source":3,"id":1,"x":0,"y":264},"timestamp":1539774786032},{"type":3,"data":{"source":3,"id":1,"x":0,"y":231},"timestamp":1539774786132},{"type":3,"data":{"source":3,"id":1,"x":0,"y":52},"timestamp":1539774786232},{"type":3,"data":{"source":3,"id":1,"x":0,"y":0},"timestamp":1539774786331},{"type":3,"data":{"source":1,"positions":[{"x":661,"y":489,"timeOffset":-292},{"x":656,"y":485,"timeOffset":-259}]},"timestamp":1539774786426},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1},"timestamp":1539774787283},{"type":3,"data":{"source":3,"id":1,"x":0,"y":43},"timestamp":1539774787384},{"type":3,"data":{"source":3,"id":1,"x":0,"y":103},"timestamp":1539774787484},{"type":3,"data":{"source":1,"positions":[{"x":656,"y":489,"timeOffset":0}]},"timestamp":1539774787582},{"type":3,"data":{"source":3,"id":1,"x":0,"y":106},"timestamp":1539774787584},{"type":3,"data":{"source":1,"positions":[{"x":675,"y":503,"timeOffset":-466},{"x":699,"y":517,"timeOffset":-434},{"x":718,"y":532,"timeOffset":-400},{"x":729,"y":547,"timeOffset":-367},{"x":745,"y":569,"timeOffset":-334},{"x":758,"y":585,"timeOffset":-300},{"x":760,"y":588,"timeOffset":-267},{"x":761,"y":589,"timeOffset":-167},{"x":763,"y":594,"timeOffset":-16}]},"timestamp":1539774788082},{"type":3,"data":{"source":2,"type":1,"id":133,"x":766,"y":603},"timestamp":1539774788159},{"type":3,"data":{"source":2,"type":6,"id":395},"timestamp":1539774788160},{"type":3,"data":{"source":2,"type":5,"id":133},"timestamp":1539774788162},{"type":3,"data":{"source":2,"type":0,"id":133,"x":766,"y":603},"timestamp":1539774788279},{"type":3,"data":{"source":2,"type":2,"id":133,"x":766,"y":603},"timestamp":1539774788279},{"type":3,"data":{"source":1,"positions":[{"x":766,"y":602,"timeOffset":-483},{"x":771,"y":598,"timeOffset":-201}]},"timestamp":1539774788582},{"type":3,"data":{"source":5,"text":"c","isChecked":false,"id":133},"timestamp":1539774788860},{"type":3,"data":{"source":5,"text":"co","isChecked":false,"id":133},"timestamp":1539774789178},{"type":3,"data":{"source":5,"text":"cod","isChecked":false,"id":133},"timestamp":1539774789265},{"type":3,"data":{"source":5,"text":"code","isChecked":false,"id":133},"timestamp":1539774789317},{"type":3,"data":{"source":1,"positions":[{"x":778,"y":596,"timeOffset":0}]},"timestamp":1539774790048},{"type":3,"data":{"source":1,"positions":[{"x":797,"y":586,"timeOffset":-466},{"x":825,"y":567,"timeOffset":-433},{"x":868,"y":538,"timeOffset":-399},{"x":922,"y":502,"timeOffset":-366},{"x":967,"y":483,"timeOffset":-332},{"x":994,"y":468,"timeOffset":-300},{"x":998,"y":466,"timeOffset":-233},{"x":1007,"y":464,"timeOffset":-199},{"x":1015,"y":462,"timeOffset":-167},{"x":1021,"y":462,"timeOffset":-133},{"x":1032,"y":460,"timeOffset":-99},{"x":1039,"y":459,"timeOffset":-65},{"x":1042,"y":457,"timeOffset":-33},{"x":1045,"y":457,"timeOffset":0}]},"timestamp":1539774790548},{"type":3,"data":{"source":1,"positions":[{"x":1047,"y":457,"timeOffset":-466},{"x":1050,"y":455,"timeOffset":-332},{"x":1051,"y":454,"timeOffset":-282},{"x":1052,"y":453,"timeOffset":-217},{"x":1060,"y":449,"timeOffset":-182},{"x":1077,"y":443,"timeOffset":-150},{"x":1101,"y":429,"timeOffset":-116},{"x":1130,"y":414,"timeOffset":-82}]},"timestamp":1539774791048},{"type":3,"data":{"source":2,"type":6,"id":133},"timestamp":1539774791137}];
 
 const app = new App({
   target: document.body,

From e4063e82b72fb7eb41b67d32aa954605bcab20a3 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 115/345] Release 0.7.16

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index db738cba..2a84bd35 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.15",
+  "version": "0.7.16",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 6da71757419225cff33363f2cfe8e4944f7da450 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 116/345] add speed setter and option for display controller or
 not

---
 src/App.html        | 14 --------------
 src/Controller.html | 19 ++++++++++++++++---
 src/Player.html     |  3 ++-
 src/main.js         | 15 ---------------
 4 files changed, 18 insertions(+), 33 deletions(-)
 delete mode 100644 src/App.html
 delete mode 100644 src/main.js

diff --git a/src/App.html b/src/App.html
deleted file mode 100644
index f19586f4..00000000
--- a/src/App.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<Player {events} />
-
-<style>
-</style>
-
-<script>
-  import Player from './Player.html';
-
-  export default {
-    components: {
-      Player,
-    },
-  };
-</script>
\ No newline at end of file
diff --git a/src/Controller.html b/src/Controller.html
index fae07542..2ec2bd37 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -1,3 +1,4 @@
+{#if showController}
 <div class="rr-controller">
   <div class="rr-timeline">
     <span class="rr-timeline__time">{formatTime(currentTime)}</span>
@@ -12,10 +13,11 @@
       {isPlaying ? 'pause' : 'play'}
     </button>
     {#each [1, 2, 4, 8] as s}
-    <button class:active="s === speed" on:click="set({ speed: s })">{s}x</button>
+    <button class:active="s === speed" on:click="setSpeed(s)">{s}x</button>
     {/each}
   </div>
 </div>
+{/if}
 
 <script>
   import { formatTime } from './utils.js';
@@ -69,8 +71,8 @@
         requestAnimationFrame(update);
       },
       play() {
-        const { replayer } = this.get();
-        // replayer.play();
+        const { replayer, currentTime } = this.get();
+        replayer.play(currentTime);
         this.loopTimer();
       },
       pause() {
@@ -86,6 +88,11 @@
           this.play();
         }
       },
+      setSpeed(speed) {
+        const { replayer } = this.get();
+        replayer.setConfig({ speed });
+        this.set({ speed });
+      },
     },
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
@@ -94,6 +101,12 @@
         this.play();
       }
     },
+    ondestroy() {
+      const { isPlaying } = this.get();
+      if (isPlaying) {
+        this.pause();
+      }
+    },
   };
 </script>
 
diff --git a/src/Player.html b/src/Player.html
index b47fe52a..412f2fbf 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,7 +1,7 @@
 <div class="rr-player">
   <div class="rr-player__frame" ref:frame { style }></div>
   {#if replayer}
-  <Controller { replayer } />
+  <Controller { replayer } {showController} />
   {/if}
 </div>
 
@@ -15,6 +15,7 @@
     },
     data() {
       return {
+        showController: true,
         width: 1024,
         height: 576,
         events: [],
diff --git a/src/main.js b/src/main.js
deleted file mode 100644
index 09822892..00000000
--- a/src/main.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import App from './App.html';
-
-const events =
-  // prettier-ignore
-  // eslint-disable-next-line
-  [{"type":0,"data":{"href":"http://localhost:5500/checkout-demo/"},"timestamp":1539774745277},{"type":1,"data":{"width":1600,"height":711},"timestamp":1539774745283},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":5,"textContent":" saved from url=(0052)https://getbootstrap.com/docs/4.1/examples/checkout/ ","id":3},{"type":2,"tagName":"html","attributes":{"lang":"en"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":6},{"type":2,"tagName":"meta","attributes":{"http-equiv":"Content-Type","content":"text/html; charset=UTF-8"},"childNodes":[],"id":7},{"type":3,"textContent":"\n\n  ","id":8},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1, shrink-to-fit=no"},"childNodes":[],"id":9},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"meta","attributes":{"name":"description","content":""},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"meta","attributes":{"name":"author","content":""},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"link","attributes":{"rel":"icon","href":"https://getbootstrap.com/favicon.ico"},"childNodes":[],"id":15},{"type":3,"textContent":"\n\n  ","id":16},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout example for Bootstrap","id":18}],"id":17},{"type":3,"textContent":"\n\n  ","id":19},{"type":5,"textContent":" Bootstrap core CSS ","id":20},{"type":3,"textContent":"\n  ","id":21},{"type":2,"tagName":"link","attributes":{"_cssText":":root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace; }*, ::after, ::before { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }[tabindex=\"-1\"]:focus { outline: 0px !important; }hr { box-sizing: content-box; height: 0px; overflow: visible; }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; }address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }dt { font-weight: 700; }dd { margin-bottom: 0.5rem; margin-left: 0px; }blockquote { margin: 0px 0px 1rem; }dfn { font-style: italic; }b, strong { font-weight: bolder; }small { font-size: 80%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sub { bottom: -0.25em; }sup { top: -0.5em; }a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }a:hover { color: rgb(0, 86, 179); text-decoration: underline; }a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }a:not([href]):not([tabindex]):focus { outline: 0px; }code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em; }pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }figure { margin: 0px 0px 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; }th { text-align: inherit; }label { display: inline-block; margin-bottom: 0.5rem; }button { border-radius: 0px; }button:focus { outline: -webkit-focus-ring-color auto 5px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, input { overflow: visible; }button, select { text-transform: none; }[type=\"reset\"], [type=\"submit\"], button, html [type=\"button\"] { -webkit-appearance: button; }input[type=\"checkbox\"], input[type=\"radio\"] { box-sizing: border-box; padding: 0px; }input[type=\"date\"], input[type=\"datetime-local\"], input[type=\"month\"], input[type=\"time\"] { -webkit-appearance: listbox; }textarea { overflow: auto; resize: vertical; }fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }progress { vertical-align: baseline; }[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button { height: auto; }[type=\"search\"] { outline-offset: -2px; -webkit-appearance: none; }[type=\"search\"]::-webkit-search-cancel-button, [type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }output { display: inline-block; }summary { display: list-item; cursor: pointer; }template { display: none; }[hidden] { display: none !important; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }.h1, h1 { font-size: 2.5rem; }.h2, h2 { font-size: 2rem; }.h3, h3 { font-size: 1.75rem; }.h4, h4 { font-size: 1.5rem; }.h5, h5 { font-size: 1.25rem; }.h6, h6 { font-size: 1rem; }.lead { font-size: 1.25rem; font-weight: 300; }.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }.small, small { font-size: 80%; font-weight: 400; }.mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); }.list-unstyled { padding-left: 0px; list-style: none; }.list-inline { padding-left: 0px; list-style: none; }.list-inline-item { display: inline-block; }.list-inline-item:not(:last-child) { margin-right: 0.5rem; }.initialism { font-size: 90%; text-transform: uppercase; }.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }.blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); }.blockquote-footer::before { content: \"— \"; }.img-fluid { max-width: 100%; height: auto; }.img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; }.figure { display: inline-block; }.figure-img { margin-bottom: 0.5rem; line-height: 1; }.figure-caption { font-size: 90%; color: rgb(108, 117, 125); }code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; }a > code { color: inherit; }kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; }kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); }pre code { font-size: inherit; color: inherit; word-break: normal; }.pre-scrollable { max-height: 340px; overflow-y: scroll; }.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }@media (min-width: 576px) {\n  .container { max-width: 540px; }\n}@media (min-width: 768px) {\n  .container { max-width: 720px; }\n}@media (min-width: 992px) {\n  .container { max-width: 960px; }\n}@media (min-width: 1200px) {\n  .container { max-width: 1140px; }\n}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.no-gutters { margin-right: 0px; margin-left: 0px; }.no-gutters > .col, .no-gutters > [class*=\"col-\"] { padding-right: 0px; padding-left: 0px; }.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }.col-auto { flex: 0 0 auto; width: auto; max-width: none; }.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }.col-3 { flex: 0 0 25%; max-width: 25%; }.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }.col-6 { flex: 0 0 50%; max-width: 50%; }.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }.col-9 { flex: 0 0 75%; max-width: 75%; }.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }.col-12 { flex: 0 0 100%; max-width: 100%; }.order-first { order: -1; }.order-last { order: 13; }.order-0 { order: 0; }.order-1 { order: 1; }.order-2 { order: 2; }.order-3 { order: 3; }.order-4 { order: 4; }.order-5 { order: 5; }.order-6 { order: 6; }.order-7 { order: 7; }.order-8 { order: 8; }.order-9 { order: 9; }.order-10 { order: 10; }.order-11 { order: 11; }.order-12 { order: 12; }.offset-1 { margin-left: 8.33333%; }.offset-2 { margin-left: 16.6667%; }.offset-3 { margin-left: 25%; }.offset-4 { margin-left: 33.3333%; }.offset-5 { margin-left: 41.6667%; }.offset-6 { margin-left: 50%; }.offset-7 { margin-left: 58.3333%; }.offset-8 { margin-left: 66.6667%; }.offset-9 { margin-left: 75%; }.offset-10 { margin-left: 83.3333%; }.offset-11 { margin-left: 91.6667%; }@media (min-width: 576px) {\n  .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-sm-first { order: -1; }\n  .order-sm-last { order: 13; }\n  .order-sm-0 { order: 0; }\n  .order-sm-1 { order: 1; }\n  .order-sm-2 { order: 2; }\n  .order-sm-3 { order: 3; }\n  .order-sm-4 { order: 4; }\n  .order-sm-5 { order: 5; }\n  .order-sm-6 { order: 6; }\n  .order-sm-7 { order: 7; }\n  .order-sm-8 { order: 8; }\n  .order-sm-9 { order: 9; }\n  .order-sm-10 { order: 10; }\n  .order-sm-11 { order: 11; }\n  .order-sm-12 { order: 12; }\n  .offset-sm-0 { margin-left: 0px; }\n  .offset-sm-1 { margin-left: 8.33333%; }\n  .offset-sm-2 { margin-left: 16.6667%; }\n  .offset-sm-3 { margin-left: 25%; }\n  .offset-sm-4 { margin-left: 33.3333%; }\n  .offset-sm-5 { margin-left: 41.6667%; }\n  .offset-sm-6 { margin-left: 50%; }\n  .offset-sm-7 { margin-left: 58.3333%; }\n  .offset-sm-8 { margin-left: 66.6667%; }\n  .offset-sm-9 { margin-left: 75%; }\n  .offset-sm-10 { margin-left: 83.3333%; }\n  .offset-sm-11 { margin-left: 91.6667%; }\n}@media (min-width: 768px) {\n  .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-md-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-md-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-md-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-md-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-md-first { order: -1; }\n  .order-md-last { order: 13; }\n  .order-md-0 { order: 0; }\n  .order-md-1 { order: 1; }\n  .order-md-2 { order: 2; }\n  .order-md-3 { order: 3; }\n  .order-md-4 { order: 4; }\n  .order-md-5 { order: 5; }\n  .order-md-6 { order: 6; }\n  .order-md-7 { order: 7; }\n  .order-md-8 { order: 8; }\n  .order-md-9 { order: 9; }\n  .order-md-10 { order: 10; }\n  .order-md-11 { order: 11; }\n  .order-md-12 { order: 12; }\n  .offset-md-0 { margin-left: 0px; }\n  .offset-md-1 { margin-left: 8.33333%; }\n  .offset-md-2 { margin-left: 16.6667%; }\n  .offset-md-3 { margin-left: 25%; }\n  .offset-md-4 { margin-left: 33.3333%; }\n  .offset-md-5 { margin-left: 41.6667%; }\n  .offset-md-6 { margin-left: 50%; }\n  .offset-md-7 { margin-left: 58.3333%; }\n  .offset-md-8 { margin-left: 66.6667%; }\n  .offset-md-9 { margin-left: 75%; }\n  .offset-md-10 { margin-left: 83.3333%; }\n  .offset-md-11 { margin-left: 91.6667%; }\n}@media (min-width: 992px) {\n  .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-lg-first { order: -1; }\n  .order-lg-last { order: 13; }\n  .order-lg-0 { order: 0; }\n  .order-lg-1 { order: 1; }\n  .order-lg-2 { order: 2; }\n  .order-lg-3 { order: 3; }\n  .order-lg-4 { order: 4; }\n  .order-lg-5 { order: 5; }\n  .order-lg-6 { order: 6; }\n  .order-lg-7 { order: 7; }\n  .order-lg-8 { order: 8; }\n  .order-lg-9 { order: 9; }\n  .order-lg-10 { order: 10; }\n  .order-lg-11 { order: 11; }\n  .order-lg-12 { order: 12; }\n  .offset-lg-0 { margin-left: 0px; }\n  .offset-lg-1 { margin-left: 8.33333%; }\n  .offset-lg-2 { margin-left: 16.6667%; }\n  .offset-lg-3 { margin-left: 25%; }\n  .offset-lg-4 { margin-left: 33.3333%; }\n  .offset-lg-5 { margin-left: 41.6667%; }\n  .offset-lg-6 { margin-left: 50%; }\n  .offset-lg-7 { margin-left: 58.3333%; }\n  .offset-lg-8 { margin-left: 66.6667%; }\n  .offset-lg-9 { margin-left: 75%; }\n  .offset-lg-10 { margin-left: 83.3333%; }\n  .offset-lg-11 { margin-left: 91.6667%; }\n}@media (min-width: 1200px) {\n  .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; }\n  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }\n  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }\n  .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }\n  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }\n  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }\n  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }\n  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }\n  .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }\n  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }\n  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }\n  .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }\n  .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }\n  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }\n  .order-xl-first { order: -1; }\n  .order-xl-last { order: 13; }\n  .order-xl-0 { order: 0; }\n  .order-xl-1 { order: 1; }\n  .order-xl-2 { order: 2; }\n  .order-xl-3 { order: 3; }\n  .order-xl-4 { order: 4; }\n  .order-xl-5 { order: 5; }\n  .order-xl-6 { order: 6; }\n  .order-xl-7 { order: 7; }\n  .order-xl-8 { order: 8; }\n  .order-xl-9 { order: 9; }\n  .order-xl-10 { order: 10; }\n  .order-xl-11 { order: 11; }\n  .order-xl-12 { order: 12; }\n  .offset-xl-0 { margin-left: 0px; }\n  .offset-xl-1 { margin-left: 8.33333%; }\n  .offset-xl-2 { margin-left: 16.6667%; }\n  .offset-xl-3 { margin-left: 25%; }\n  .offset-xl-4 { margin-left: 33.3333%; }\n  .offset-xl-5 { margin-left: 41.6667%; }\n  .offset-xl-6 { margin-left: 50%; }\n  .offset-xl-7 { margin-left: 58.3333%; }\n  .offset-xl-8 { margin-left: 66.6667%; }\n  .offset-xl-9 { margin-left: 75%; }\n  .offset-xl-10 { margin-left: 83.3333%; }\n  .offset-xl-11 { margin-left: 91.6667%; }\n}.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }.table .table { background-color: rgb(255, 255, 255); }.table-sm td, .table-sm th { padding: 0.3rem; }.table-bordered { border: 1px solid rgb(222, 226, 230); }.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; }.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }.table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); }.table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }.table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); }.table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }.table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); }.table-hover .table-success:hover { background-color: rgb(177, 223, 187); }.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }.table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); }.table-hover .table-info:hover { background-color: rgb(171, 221, 229); }.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }.table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); }.table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }.table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); }.table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }.table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); }.table-hover .table-light:hover { background-color: rgb(236, 236, 246); }.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }.table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); }.table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }.table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(50, 56, 62); }.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.table-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); }.table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(50, 56, 62); }.table-dark.table-bordered { border: 0px; }.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }@media (max-width: 575.98px) {\n  .table-responsive-sm { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-sm > .table-bordered { border: 0px; }\n}@media (max-width: 767.98px) {\n  .table-responsive-md { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-md > .table-bordered { border: 0px; }\n}@media (max-width: 991.98px) {\n  .table-responsive-lg { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-lg > .table-bordered { border: 0px; }\n}@media (max-width: 1199.98px) {\n  .table-responsive-xl { display: block; width: 100%; overflow-x: auto; }\n  .table-responsive-xl > .table-bordered { border: 0px; }\n}.table-responsive { display: block; width: 100%; overflow-x: auto; }.table-responsive > .table-bordered { border: 0px; }.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .form-control { transition: none 0s ease 0s; }\n}.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }.form-control-file, .form-control-range { display: block; width: 100%; }.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; }.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }.form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }select.form-control[multiple], select.form-control[size] { height: auto; }textarea.form-control { height: auto; }.form-group { margin-bottom: 1rem; }.form-text { display: block; margin-top: 0.25rem; }.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }.form-row > .col, .form-row > [class*=\"col-\"] { padding-right: 5px; padding-left: 5px; }.form-check { position: relative; display: block; padding-left: 1.25rem; }.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }.form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); }.form-check-label { margin-bottom: 0px; }.form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; }.form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); }.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); }.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); }.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); }.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: rgb(113, 221, 138); }.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: rgb(52, 206, 87); }.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); }.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); }.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); }.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); }.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); }.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: rgb(239, 162, 169); }.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: rgb(228, 96, 109); }.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); }.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; }.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }.form-inline { display: flex; flex-flow: row wrap; align-items: center; }.form-inline .form-check { width: 100%; }@media (min-width: 576px) {\n  .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; }\n  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0px; }\n  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }\n  .form-inline .form-control-plaintext { display: inline-block; }\n  .form-inline .custom-select, .form-inline .input-group { width: auto; }\n  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; }\n  .form-inline .form-check-input { position: relative; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; }\n  .form-inline .custom-control { align-items: center; justify-content: center; }\n  .form-inline .custom-control-label { margin-bottom: 0px; }\n}.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .btn { transition: none 0s ease 0s; }\n}.btn:focus, .btn:hover { text-decoration: none; }.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.btn.disabled, .btn:disabled { opacity: 0.65; }.btn:not(:disabled):not(.disabled) { cursor: pointer; }a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }.btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); }.btn-primary.focus, .btn-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); }.btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); }.btn-success.focus, .btn-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); }.btn-info.focus, .btn-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); }.btn-warning.focus, .btn-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); }.btn-danger.focus, .btn-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); }.btn-light.focus, .btn-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); }.btn-dark.focus, .btn-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary { color: rgb(0, 123, 255); background-color: transparent; background-image: none; border-color: rgb(0, 123, 255); }.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; }.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); }.btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; }.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success { color: rgb(40, 167, 69); background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); }.btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; }.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info { color: rgb(23, 162, 184); background-color: transparent; background-image: none; border-color: rgb(23, 162, 184); }.btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; }.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning { color: rgb(255, 193, 7); background-color: transparent; background-image: none; border-color: rgb(255, 193, 7); }.btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger { color: rgb(220, 53, 69); background-color: transparent; background-image: none; border-color: rgb(220, 53, 69); }.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); }.btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); }.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; }.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }.btn-link { font-weight: 400; color: rgb(0, 123, 255); background-color: transparent; }.btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; background-color: transparent; border-color: transparent; }.btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; }.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.btn-block { display: block; width: 100%; }.btn-block + .btn-block { margin-top: 0.5rem; }input[type=\"button\"].btn-block, input[type=\"reset\"].btn-block, input[type=\"submit\"].btn-block { width: 100%; }.fade { transition: opacity 0.15s linear 0s; }@media not all {\n  .fade { transition: none 0s ease 0s; }\n}.fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; }@media not all {\n  .collapsing { transition: none 0s ease 0s; }\n}.dropdown, .dropleft, .dropright, .dropup { position: relative; }.dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropdown-toggle:empty::after { margin-left: 0px; }.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }.dropdown-menu-right { right: 0px; left: auto; }.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }.dropup .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }.dropup .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }.dropright .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }.dropright .dropdown-toggle:empty::after { margin-left: 0px; }.dropright .dropdown-toggle::after { vertical-align: 0px; }.dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }.dropleft .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: \"\"; }.dropleft .dropdown-toggle::after { display: none; }.dropleft .dropdown-toggle::before { display: inline-block; width: 0px; height: 0px; margin-right: 0.255em; vertical-align: 0.255em; content: \"\"; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }.dropleft .dropdown-toggle:empty::after { margin-left: 0px; }.dropleft .dropdown-toggle::before { vertical-align: 0px; }.dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"top\"] { right: auto; bottom: auto; }.dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); }.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; }.dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); }.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; }.dropdown-menu.show { display: block; }.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; }.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); }.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 1 auto; }.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; }.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }.btn-toolbar .input-group { width: auto; }.btn-group > .btn:first-child { margin-left: 0px; }.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }.dropleft .dropdown-toggle-split::before { margin-right: 0px; }.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; }.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; }.btn-group-toggle > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn input[type=\"radio\"], .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"], .btn-group-toggle > .btn-group > .btn input[type=\"radio\"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }.input-group > .custom-file .custom-file-input:focus { z-index: 4; }.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group > .custom-file { display: flex; align-items: center; }.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.input-group-append, .input-group-prepend { display: flex; }.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }.input-group-prepend { margin-right: -1px; }.input-group-append { margin-left: -1px; }.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.input-group-text input[type=\"checkbox\"], .input-group-text input[type=\"radio\"] { margin-top: 0px; }.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }.custom-control-inline { display: inline-flex; margin-right: 1rem; }.custom-control-input { position: absolute; z-index: -1; opacity: 0; }.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-control-input:active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); }.custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); }.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); }.custom-control-label { position: relative; margin-bottom: 0px; }.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: \"\"; user-select: none; background-color: rgb(222, 226, 230); }.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: \"\"; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-radio .custom-control-label::before { border-radius: 50%; }.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); }.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\"); }.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; -webkit-appearance: none; }.custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(128, 189, 255, 0.5) 0px 0px 0px 0.2rem; }.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) { height: auto; padding-right: 0.75rem; background-image: none; }.custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); }.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; }.custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; }.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0px; }.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0px; opacity: 0; }.custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-file-input:focus ~ .custom-file-label::after { border-color: rgb(128, 189, 255); }.custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); }.custom-file-input:lang(en) ~ .custom-file-label::after { content: \"Browse\"; }.custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }.custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: \"Browse\"; background-color: rgb(233, 236, 239); border-left: 1px solid rgb(206, 212, 218); border-radius: 0px 0.25rem 0.25rem 0px; }.custom-range { width: 100%; padding-left: 0px; background-color: transparent; -webkit-appearance: none; }.custom-range:focus { outline: 0px; }.custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-appearance: none; }@media not all {\n  .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }\n}.custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); }.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; }@media not all {\n}@media not all {\n}.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }@media not all {\n  .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }\n}.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }.nav-link { display: block; padding: 0.5rem 1rem; }.nav-link:focus, .nav-link:hover { text-decoration: none; }.nav-link.disabled { color: rgb(108, 117, 125); }.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }.nav-tabs .nav-item { margin-bottom: -1px; }.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }.nav-pills .nav-link { border-radius: 0.25rem; }.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }.nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }.navbar-nav .dropdown-menu { position: static; float: none; }.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: \"\"; background: center center / 100% 100% no-repeat; }@media (max-width: 575.98px) {\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 576px) {\n  .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-sm .navbar-nav { flex-direction: row; }\n  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-sm .navbar-toggler { display: none; }\n}@media (max-width: 767.98px) {\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 768px) {\n  .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-md .navbar-nav { flex-direction: row; }\n  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-md .navbar-toggler { display: none; }\n}@media (max-width: 991.98px) {\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 992px) {\n  .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-lg .navbar-nav { flex-direction: row; }\n  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-lg .navbar-toggler { display: none; }\n}@media (max-width: 1199.98px) {\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0px; padding-left: 0px; }\n}@media (min-width: 1200px) {\n  .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }\n  .navbar-expand-xl .navbar-nav { flex-direction: row; }\n  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }\n  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }\n  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }\n  .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; }\n  .navbar-expand-xl .navbar-toggler { display: none; }\n}.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; }.navbar-expand .navbar-nav { flex-direction: row; }.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }.navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; }.navbar-expand .navbar-toggler { display: none; }.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); }.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }.navbar-light .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); }.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); }.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }.navbar-dark .navbar-toggler-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }.navbar-dark .navbar-text a { color: rgb(255, 255, 255); }.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); }.card { position: relative; display: flex; flex-direction: column; min-width: 0px; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }.card > hr { margin-right: 0px; margin-left: 0px; }.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.card-body { flex: 1 1 auto; padding: 1.25rem; }.card-title { margin-bottom: 0.75rem; }.card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; }.card-text:last-child { margin-bottom: 0px; }.card-link:hover { text-decoration: none; }.card-link + .card-link { margin-left: 1.25rem; }.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0px 0px; }.card-header + .list-group .list-group-item:first-child { border-top: 0px; }.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }.card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0.25rem - 1px); }.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; }.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }.card-img-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 1.25rem; }.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }.card-deck { display: flex; flex-direction: column; }.card-deck .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }\n  .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }\n}.card-group { display: flex; flex-direction: column; }.card-group > .card { margin-bottom: 15px; }@media (min-width: 576px) {\n  .card-group { flex-flow: row wrap; }\n  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }\n  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }\n  .card-group > .card:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }\n  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0px; }\n  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0px; }\n  .card-group > .card:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }\n  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0px; }\n  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0px; }\n  .card-group > .card:only-child { border-radius: 0.25rem; }\n  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }\n  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0px; }\n  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0px; }\n}.card-columns .card { margin-bottom: 0.75rem; }@media (min-width: 576px) {\n  .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }\n  .card-columns .card { display: inline-block; width: 100%; }\n}.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; }.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; }.accordion .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.accordion .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: \"/\"; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }.breadcrumb-item.active { color: rgb(108, 117, 125); }.pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; }.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); }.page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }.page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }.page-link:not(:disabled):not(.disabled) { cursor: pointer; }.page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }.page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); }.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }.badge:empty { display: none; }.btn .badge { position: relative; top: -1px; }.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }.badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }.badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 98, 204); }.badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); }.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(84, 91, 98); }.badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); }.badge-success[href]:focus, .badge-success[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(30, 126, 52); }.badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); }.badge-info[href]:focus, .badge-info[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(17, 122, 139); }.badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); }.badge-warning[href]:focus, .badge-warning[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(211, 158, 0); }.badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); }.badge-danger[href]:focus, .badge-danger[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(189, 33, 48); }.badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); }.badge-light[href]:focus, .badge-light[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(218, 224, 229); }.badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); }.badge-dark[href]:focus, .badge-dark[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(29, 33, 36); }.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; }@media (min-width: 576px) {\n  .jumbotron { padding: 4rem 2rem; }\n}.jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; }.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }.alert-heading { color: inherit; }.alert-link { font-weight: 700; }.alert-dismissible { padding-right: 4rem; }.alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; }.alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); }.alert-primary hr { border-top-color: rgb(159, 205, 255); }.alert-primary .alert-link { color: rgb(0, 39, 82); }.alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); }.alert-secondary hr { border-top-color: rgb(200, 203, 207); }.alert-secondary .alert-link { color: rgb(32, 35, 38); }.alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); }.alert-success hr { border-top-color: rgb(177, 223, 187); }.alert-success .alert-link { color: rgb(11, 46, 19); }.alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); }.alert-info hr { border-top-color: rgb(171, 221, 229); }.alert-info .alert-link { color: rgb(6, 44, 51); }.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }.alert-warning hr { border-top-color: rgb(255, 232, 161); }.alert-warning .alert-link { color: rgb(83, 63, 3); }.alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); }.alert-danger hr { border-top-color: rgb(241, 176, 183); }.alert-danger .alert-link { color: rgb(73, 18, 23); }.alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); }.alert-light hr { border-top-color: rgb(236, 236, 246); }.alert-light .alert-link { color: rgb(104, 104, 104); }.alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); }.alert-dark hr { border-top-color: rgb(185, 187, 190); }.alert-dark .alert-link { color: rgb(4, 5, 5); }@-webkit-keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}@keyframes progress-bar-stripes { \n  0% { background-position: 1rem 0px; }\n  100% { background-position: 0px 0px; }\n}.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }.progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; }@media not all {\n  .progress-bar { transition: none 0s ease 0s; }\n}.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }.progress-bar-animated { animation: progress-bar-stripes 1s linear 0s infinite normal none running; }.media { display: flex; align-items: flex-start; }.media-body { flex: 1 1 0%; }.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; }.list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; }.list-group-item-action:focus, .list-group-item-action:hover { color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); }.list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); }.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }.list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; }.list-group-flush:first-child .list-group-item:first-child { border-top: 0px; }.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px; }.list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); }.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); }.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }.list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); }.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); }.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); }.list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); }.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); }.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); }.list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); }.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); }.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); }.list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); }.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); }.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); }.list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); }.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); }.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); }.list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); }.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); }.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); }.list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); }.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); }.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); }.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }.close:not(:disabled):not(.disabled) { cursor: pointer; }.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }button.close { padding: 0px; background-color: transparent; border: 0px; -webkit-appearance: none; }.modal-open { overflow: hidden; }.modal-open .modal { overflow: hidden auto; }.modal { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); }@media not all {\n  .modal.fade .modal-dialog { transition: none 0s ease 0s; }\n}.modal.show .modal-dialog { transform: translate(0px, 0px); }.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: \"\"; }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }.modal-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop.show { opacity: 0.5; }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }.modal-title { margin-bottom: 0px; line-height: 1.5; }.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239); }.modal-footer > :not(:first-child) { margin-left: 0.25rem; }.modal-footer > :not(:last-child) { margin-right: 0.25rem; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 576px) {\n  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }\n  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }\n  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }\n  .modal-sm { max-width: 300px; }\n}@media (min-width: 992px) {\n  .modal-lg { max-width: 800px; }\n}.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }.tooltip.show { opacity: 0.9; }.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }.tooltip .arrow::before { position: absolute; content: \"\"; border-color: transparent; border-style: solid; }.bs-tooltip-auto[x-placement^=\"top\"], .bs-tooltip-top { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; }.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"right\"], .bs-tooltip-right { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"bottom\"], .bs-tooltip-bottom { padding: 0.4rem 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; }.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); }.bs-tooltip-auto[x-placement^=\"left\"], .bs-tooltip-left { padding: 0px 0.4rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; }.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); }.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; }.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; }.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: \"\"; border-color: transparent; border-style: solid; }.bs-popover-auto[x-placement^=\"top\"], .bs-popover-top { margin-bottom: 0.5rem; }.bs-popover-auto[x-placement^=\"top\"] .arrow, .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"top\"] .arrow::before, .bs-popover-top .arrow::before { bottom: 0px; border-top-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"top\"] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"right\"], .bs-popover-right { margin-left: 0.5rem; }.bs-popover-auto[x-placement^=\"right\"] .arrow, .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0px; }.bs-popover-auto[x-placement^=\"right\"] .arrow::before, .bs-popover-right .arrow::before { left: 0px; border-right-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"right\"] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"], .bs-popover-bottom { margin-top: 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow, .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::before, .bs-popover-bottom .arrow::before { top: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: rgb(255, 255, 255); }.bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: \"\"; border-bottom: 1px solid rgb(247, 247, 247); }.bs-popover-auto[x-placement^=\"left\"], .bs-popover-left { margin-right: 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow, .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0px 0.5rem 0.5rem; }.bs-popover-auto[x-placement^=\"left\"] .arrow::before, .bs-popover-left .arrow::before { right: 0px; border-left-color: rgba(0, 0, 0, 0.25); }.bs-popover-auto[x-placement^=\"left\"] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: rgb(255, 255, 255); }.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: inherit; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }.popover-header:empty { display: none; }.popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); }.carousel { position: relative; }.carousel-inner { position: relative; width: 100%; overflow: hidden; }.carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; }.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; }@media not all {\n  .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none 0s ease 0s; }\n}.carousel-item-next, .carousel-item-prev { position: absolute; top: 0px; }.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0px, 0px, 0px); }\n}.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0px, 0px); }\n}.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0px, 0px); }\n}.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); }@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {\n  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }\n}.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }.carousel-control-prev { left: 0px; }.carousel-control-next { right: 0px; }.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; }.carousel-control-prev-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"); }.carousel-control-next-icon { background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"); }.carousel-indicators { position: absolute; right: 0px; bottom: 10px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; }.carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }.carousel-indicators li::before { position: absolute; top: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: \"\"; }.carousel-indicators .active { background-color: rgb(255, 255, 255); }.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; }.align-baseline { vertical-align: baseline !important; }.align-top { vertical-align: top !important; }.align-middle { vertical-align: middle !important; }.align-bottom { vertical-align: bottom !important; }.align-text-bottom { vertical-align: text-bottom !important; }.align-text-top { vertical-align: text-top !important; }.bg-primary { background-color: rgb(0, 123, 255) !important; }a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; }.bg-secondary { background-color: rgb(108, 117, 125) !important; }a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; }.bg-success { background-color: rgb(40, 167, 69) !important; }a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; }.bg-info { background-color: rgb(23, 162, 184) !important; }a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; }.bg-warning { background-color: rgb(255, 193, 7) !important; }a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; }.bg-danger { background-color: rgb(220, 53, 69) !important; }a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; }.bg-light { background-color: rgb(248, 249, 250) !important; }a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; }.bg-dark { background-color: rgb(52, 58, 64) !important; }a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; }.bg-white { background-color: rgb(255, 255, 255) !important; }.bg-transparent { background-color: transparent !important; }.border { border: 1px solid rgb(222, 226, 230) !important; }.border-top { border-top: 1px solid rgb(222, 226, 230) !important; }.border-right { border-right: 1px solid rgb(222, 226, 230) !important; }.border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; }.border-left { border-left: 1px solid rgb(222, 226, 230) !important; }.border-0 { border: 0px !important; }.border-top-0 { border-top: 0px !important; }.border-right-0 { border-right: 0px !important; }.border-bottom-0 { border-bottom: 0px !important; }.border-left-0 { border-left: 0px !important; }.border-primary { border-color: rgb(0, 123, 255) !important; }.border-secondary { border-color: rgb(108, 117, 125) !important; }.border-success { border-color: rgb(40, 167, 69) !important; }.border-info { border-color: rgb(23, 162, 184) !important; }.border-warning { border-color: rgb(255, 193, 7) !important; }.border-danger { border-color: rgb(220, 53, 69) !important; }.border-light { border-color: rgb(248, 249, 250) !important; }.border-dark { border-color: rgb(52, 58, 64) !important; }.border-white { border-color: rgb(255, 255, 255) !important; }.rounded { border-radius: 0.25rem !important; }.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }.rounded-circle { border-radius: 50% !important; }.rounded-0 { border-radius: 0px !important; }.clearfix::after { display: block; clear: both; content: \"\"; }.d-none { display: none !important; }.d-inline { display: inline !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-table { display: table !important; }.d-table-row { display: table-row !important; }.d-table-cell { display: table-cell !important; }.d-flex { display: flex !important; }.d-inline-flex { display: inline-flex !important; }@media (min-width: 576px) {\n  .d-sm-none { display: none !important; }\n  .d-sm-inline { display: inline !important; }\n  .d-sm-inline-block { display: inline-block !important; }\n  .d-sm-block { display: block !important; }\n  .d-sm-table { display: table !important; }\n  .d-sm-table-row { display: table-row !important; }\n  .d-sm-table-cell { display: table-cell !important; }\n  .d-sm-flex { display: flex !important; }\n  .d-sm-inline-flex { display: inline-flex !important; }\n}@media (min-width: 768px) {\n  .d-md-none { display: none !important; }\n  .d-md-inline { display: inline !important; }\n  .d-md-inline-block { display: inline-block !important; }\n  .d-md-block { display: block !important; }\n  .d-md-table { display: table !important; }\n  .d-md-table-row { display: table-row !important; }\n  .d-md-table-cell { display: table-cell !important; }\n  .d-md-flex { display: flex !important; }\n  .d-md-inline-flex { display: inline-flex !important; }\n}@media (min-width: 992px) {\n  .d-lg-none { display: none !important; }\n  .d-lg-inline { display: inline !important; }\n  .d-lg-inline-block { display: inline-block !important; }\n  .d-lg-block { display: block !important; }\n  .d-lg-table { display: table !important; }\n  .d-lg-table-row { display: table-row !important; }\n  .d-lg-table-cell { display: table-cell !important; }\n  .d-lg-flex { display: flex !important; }\n  .d-lg-inline-flex { display: inline-flex !important; }\n}@media (min-width: 1200px) {\n  .d-xl-none { display: none !important; }\n  .d-xl-inline { display: inline !important; }\n  .d-xl-inline-block { display: inline-block !important; }\n  .d-xl-block { display: block !important; }\n  .d-xl-table { display: table !important; }\n  .d-xl-table-row { display: table-row !important; }\n  .d-xl-table-cell { display: table-cell !important; }\n  .d-xl-flex { display: flex !important; }\n  .d-xl-inline-flex { display: inline-flex !important; }\n}@media print {\n  .d-print-none { display: none !important; }\n  .d-print-inline { display: inline !important; }\n  .d-print-inline-block { display: inline-block !important; }\n  .d-print-block { display: block !important; }\n  .d-print-table { display: table !important; }\n  .d-print-table-row { display: table-row !important; }\n  .d-print-table-cell { display: table-cell !important; }\n  .d-print-flex { display: flex !important; }\n  .d-print-inline-flex { display: inline-flex !important; }\n}.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }.embed-responsive::before { display: block; content: \"\"; }.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }.embed-responsive-21by9::before { padding-top: 42.8571%; }.embed-responsive-16by9::before { padding-top: 56.25%; }.embed-responsive-4by3::before { padding-top: 75%; }.embed-responsive-1by1::before { padding-top: 100%; }.flex-row { flex-direction: row !important; }.flex-column { flex-direction: column !important; }.flex-row-reverse { flex-direction: row-reverse !important; }.flex-column-reverse { flex-direction: column-reverse !important; }.flex-wrap { flex-wrap: wrap !important; }.flex-nowrap { flex-wrap: nowrap !important; }.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }.flex-fill { flex: 1 1 auto !important; }.flex-grow-0 { flex-grow: 0 !important; }.flex-grow-1 { flex-grow: 1 !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-shrink-1 { flex-shrink: 1 !important; }.justify-content-start { justify-content: flex-start !important; }.justify-content-end { justify-content: flex-end !important; }.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.justify-content-around { justify-content: space-around !important; }.align-items-start { align-items: flex-start !important; }.align-items-end { align-items: flex-end !important; }.align-items-center { align-items: center !important; }.align-items-baseline { align-items: baseline !important; }.align-items-stretch { align-items: stretch !important; }.align-content-start { align-content: flex-start !important; }.align-content-end { align-content: flex-end !important; }.align-content-center { align-content: center !important; }.align-content-between { align-content: space-between !important; }.align-content-around { align-content: space-around !important; }.align-content-stretch { align-content: stretch !important; }.align-self-auto { align-self: auto !important; }.align-self-start { align-self: flex-start !important; }.align-self-end { align-self: flex-end !important; }.align-self-center { align-self: center !important; }.align-self-baseline { align-self: baseline !important; }.align-self-stretch { align-self: stretch !important; }@media (min-width: 576px) {\n  .flex-sm-row { flex-direction: row !important; }\n  .flex-sm-column { flex-direction: column !important; }\n  .flex-sm-row-reverse { flex-direction: row-reverse !important; }\n  .flex-sm-column-reverse { flex-direction: column-reverse !important; }\n  .flex-sm-wrap { flex-wrap: wrap !important; }\n  .flex-sm-nowrap { flex-wrap: nowrap !important; }\n  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-sm-fill { flex: 1 1 auto !important; }\n  .flex-sm-grow-0 { flex-grow: 0 !important; }\n  .flex-sm-grow-1 { flex-grow: 1 !important; }\n  .flex-sm-shrink-0 { flex-shrink: 0 !important; }\n  .flex-sm-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-sm-start { justify-content: flex-start !important; }\n  .justify-content-sm-end { justify-content: flex-end !important; }\n  .justify-content-sm-center { justify-content: center !important; }\n  .justify-content-sm-between { justify-content: space-between !important; }\n  .justify-content-sm-around { justify-content: space-around !important; }\n  .align-items-sm-start { align-items: flex-start !important; }\n  .align-items-sm-end { align-items: flex-end !important; }\n  .align-items-sm-center { align-items: center !important; }\n  .align-items-sm-baseline { align-items: baseline !important; }\n  .align-items-sm-stretch { align-items: stretch !important; }\n  .align-content-sm-start { align-content: flex-start !important; }\n  .align-content-sm-end { align-content: flex-end !important; }\n  .align-content-sm-center { align-content: center !important; }\n  .align-content-sm-between { align-content: space-between !important; }\n  .align-content-sm-around { align-content: space-around !important; }\n  .align-content-sm-stretch { align-content: stretch !important; }\n  .align-self-sm-auto { align-self: auto !important; }\n  .align-self-sm-start { align-self: flex-start !important; }\n  .align-self-sm-end { align-self: flex-end !important; }\n  .align-self-sm-center { align-self: center !important; }\n  .align-self-sm-baseline { align-self: baseline !important; }\n  .align-self-sm-stretch { align-self: stretch !important; }\n}@media (min-width: 768px) {\n  .flex-md-row { flex-direction: row !important; }\n  .flex-md-column { flex-direction: column !important; }\n  .flex-md-row-reverse { flex-direction: row-reverse !important; }\n  .flex-md-column-reverse { flex-direction: column-reverse !important; }\n  .flex-md-wrap { flex-wrap: wrap !important; }\n  .flex-md-nowrap { flex-wrap: nowrap !important; }\n  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-md-fill { flex: 1 1 auto !important; }\n  .flex-md-grow-0 { flex-grow: 0 !important; }\n  .flex-md-grow-1 { flex-grow: 1 !important; }\n  .flex-md-shrink-0 { flex-shrink: 0 !important; }\n  .flex-md-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-md-start { justify-content: flex-start !important; }\n  .justify-content-md-end { justify-content: flex-end !important; }\n  .justify-content-md-center { justify-content: center !important; }\n  .justify-content-md-between { justify-content: space-between !important; }\n  .justify-content-md-around { justify-content: space-around !important; }\n  .align-items-md-start { align-items: flex-start !important; }\n  .align-items-md-end { align-items: flex-end !important; }\n  .align-items-md-center { align-items: center !important; }\n  .align-items-md-baseline { align-items: baseline !important; }\n  .align-items-md-stretch { align-items: stretch !important; }\n  .align-content-md-start { align-content: flex-start !important; }\n  .align-content-md-end { align-content: flex-end !important; }\n  .align-content-md-center { align-content: center !important; }\n  .align-content-md-between { align-content: space-between !important; }\n  .align-content-md-around { align-content: space-around !important; }\n  .align-content-md-stretch { align-content: stretch !important; }\n  .align-self-md-auto { align-self: auto !important; }\n  .align-self-md-start { align-self: flex-start !important; }\n  .align-self-md-end { align-self: flex-end !important; }\n  .align-self-md-center { align-self: center !important; }\n  .align-self-md-baseline { align-self: baseline !important; }\n  .align-self-md-stretch { align-self: stretch !important; }\n}@media (min-width: 992px) {\n  .flex-lg-row { flex-direction: row !important; }\n  .flex-lg-column { flex-direction: column !important; }\n  .flex-lg-row-reverse { flex-direction: row-reverse !important; }\n  .flex-lg-column-reverse { flex-direction: column-reverse !important; }\n  .flex-lg-wrap { flex-wrap: wrap !important; }\n  .flex-lg-nowrap { flex-wrap: nowrap !important; }\n  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-lg-fill { flex: 1 1 auto !important; }\n  .flex-lg-grow-0 { flex-grow: 0 !important; }\n  .flex-lg-grow-1 { flex-grow: 1 !important; }\n  .flex-lg-shrink-0 { flex-shrink: 0 !important; }\n  .flex-lg-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-lg-start { justify-content: flex-start !important; }\n  .justify-content-lg-end { justify-content: flex-end !important; }\n  .justify-content-lg-center { justify-content: center !important; }\n  .justify-content-lg-between { justify-content: space-between !important; }\n  .justify-content-lg-around { justify-content: space-around !important; }\n  .align-items-lg-start { align-items: flex-start !important; }\n  .align-items-lg-end { align-items: flex-end !important; }\n  .align-items-lg-center { align-items: center !important; }\n  .align-items-lg-baseline { align-items: baseline !important; }\n  .align-items-lg-stretch { align-items: stretch !important; }\n  .align-content-lg-start { align-content: flex-start !important; }\n  .align-content-lg-end { align-content: flex-end !important; }\n  .align-content-lg-center { align-content: center !important; }\n  .align-content-lg-between { align-content: space-between !important; }\n  .align-content-lg-around { align-content: space-around !important; }\n  .align-content-lg-stretch { align-content: stretch !important; }\n  .align-self-lg-auto { align-self: auto !important; }\n  .align-self-lg-start { align-self: flex-start !important; }\n  .align-self-lg-end { align-self: flex-end !important; }\n  .align-self-lg-center { align-self: center !important; }\n  .align-self-lg-baseline { align-self: baseline !important; }\n  .align-self-lg-stretch { align-self: stretch !important; }\n}@media (min-width: 1200px) {\n  .flex-xl-row { flex-direction: row !important; }\n  .flex-xl-column { flex-direction: column !important; }\n  .flex-xl-row-reverse { flex-direction: row-reverse !important; }\n  .flex-xl-column-reverse { flex-direction: column-reverse !important; }\n  .flex-xl-wrap { flex-wrap: wrap !important; }\n  .flex-xl-nowrap { flex-wrap: nowrap !important; }\n  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }\n  .flex-xl-fill { flex: 1 1 auto !important; }\n  .flex-xl-grow-0 { flex-grow: 0 !important; }\n  .flex-xl-grow-1 { flex-grow: 1 !important; }\n  .flex-xl-shrink-0 { flex-shrink: 0 !important; }\n  .flex-xl-shrink-1 { flex-shrink: 1 !important; }\n  .justify-content-xl-start { justify-content: flex-start !important; }\n  .justify-content-xl-end { justify-content: flex-end !important; }\n  .justify-content-xl-center { justify-content: center !important; }\n  .justify-content-xl-between { justify-content: space-between !important; }\n  .justify-content-xl-around { justify-content: space-around !important; }\n  .align-items-xl-start { align-items: flex-start !important; }\n  .align-items-xl-end { align-items: flex-end !important; }\n  .align-items-xl-center { align-items: center !important; }\n  .align-items-xl-baseline { align-items: baseline !important; }\n  .align-items-xl-stretch { align-items: stretch !important; }\n  .align-content-xl-start { align-content: flex-start !important; }\n  .align-content-xl-end { align-content: flex-end !important; }\n  .align-content-xl-center { align-content: center !important; }\n  .align-content-xl-between { align-content: space-between !important; }\n  .align-content-xl-around { align-content: space-around !important; }\n  .align-content-xl-stretch { align-content: stretch !important; }\n  .align-self-xl-auto { align-self: auto !important; }\n  .align-self-xl-start { align-self: flex-start !important; }\n  .align-self-xl-end { align-self: flex-end !important; }\n  .align-self-xl-center { align-self: center !important; }\n  .align-self-xl-baseline { align-self: baseline !important; }\n  .align-self-xl-stretch { align-self: stretch !important; }\n}.float-left { float: left !important; }.float-right { float: right !important; }.float-none { float: none !important; }@media (min-width: 576px) {\n  .float-sm-left { float: left !important; }\n  .float-sm-right { float: right !important; }\n  .float-sm-none { float: none !important; }\n}@media (min-width: 768px) {\n  .float-md-left { float: left !important; }\n  .float-md-right { float: right !important; }\n  .float-md-none { float: none !important; }\n}@media (min-width: 992px) {\n  .float-lg-left { float: left !important; }\n  .float-lg-right { float: right !important; }\n  .float-lg-none { float: none !important; }\n}@media (min-width: 1200px) {\n  .float-xl-left { float: left !important; }\n  .float-xl-right { float: right !important; }\n  .float-xl-none { float: none !important; }\n}.position-static { position: static !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.position-sticky { position: sticky !important; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }@supports ((position:-webkit-sticky) or (position:sticky)) {\n  .sticky-top { position: sticky; top: 0px; z-index: 1020; }\n}.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; }.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; }.shadow-none { box-shadow: none !important; }.w-25 { width: 25% !important; }.w-50 { width: 50% !important; }.w-75 { width: 75% !important; }.w-100 { width: 100% !important; }.w-auto { width: auto !important; }.h-25 { height: 25% !important; }.h-50 { height: 50% !important; }.h-75 { height: 75% !important; }.h-100 { height: 100% !important; }.h-auto { height: auto !important; }.mw-100 { max-width: 100% !important; }.mh-100 { max-height: 100% !important; }.m-0 { margin: 0px !important; }.mt-0, .my-0 { margin-top: 0px !important; }.mr-0, .mx-0 { margin-right: 0px !important; }.mb-0, .my-0 { margin-bottom: 0px !important; }.ml-0, .mx-0 { margin-left: 0px !important; }.m-1 { margin: 0.25rem !important; }.mt-1, .my-1 { margin-top: 0.25rem !important; }.mr-1, .mx-1 { margin-right: 0.25rem !important; }.mb-1, .my-1 { margin-bottom: 0.25rem !important; }.ml-1, .mx-1 { margin-left: 0.25rem !important; }.m-2 { margin: 0.5rem !important; }.mt-2, .my-2 { margin-top: 0.5rem !important; }.mr-2, .mx-2 { margin-right: 0.5rem !important; }.mb-2, .my-2 { margin-bottom: 0.5rem !important; }.ml-2, .mx-2 { margin-left: 0.5rem !important; }.m-3 { margin: 1rem !important; }.mt-3, .my-3 { margin-top: 1rem !important; }.mr-3, .mx-3 { margin-right: 1rem !important; }.mb-3, .my-3 { margin-bottom: 1rem !important; }.ml-3, .mx-3 { margin-left: 1rem !important; }.m-4 { margin: 1.5rem !important; }.mt-4, .my-4 { margin-top: 1.5rem !important; }.mr-4, .mx-4 { margin-right: 1.5rem !important; }.mb-4, .my-4 { margin-bottom: 1.5rem !important; }.ml-4, .mx-4 { margin-left: 1.5rem !important; }.m-5 { margin: 3rem !important; }.mt-5, .my-5 { margin-top: 3rem !important; }.mr-5, .mx-5 { margin-right: 3rem !important; }.mb-5, .my-5 { margin-bottom: 3rem !important; }.ml-5, .mx-5 { margin-left: 3rem !important; }.p-0 { padding: 0px !important; }.pt-0, .py-0 { padding-top: 0px !important; }.pr-0, .px-0 { padding-right: 0px !important; }.pb-0, .py-0 { padding-bottom: 0px !important; }.pl-0, .px-0 { padding-left: 0px !important; }.p-1 { padding: 0.25rem !important; }.pt-1, .py-1 { padding-top: 0.25rem !important; }.pr-1, .px-1 { padding-right: 0.25rem !important; }.pb-1, .py-1 { padding-bottom: 0.25rem !important; }.pl-1, .px-1 { padding-left: 0.25rem !important; }.p-2 { padding: 0.5rem !important; }.pt-2, .py-2 { padding-top: 0.5rem !important; }.pr-2, .px-2 { padding-right: 0.5rem !important; }.pb-2, .py-2 { padding-bottom: 0.5rem !important; }.pl-2, .px-2 { padding-left: 0.5rem !important; }.p-3 { padding: 1rem !important; }.pt-3, .py-3 { padding-top: 1rem !important; }.pr-3, .px-3 { padding-right: 1rem !important; }.pb-3, .py-3 { padding-bottom: 1rem !important; }.pl-3, .px-3 { padding-left: 1rem !important; }.p-4 { padding: 1.5rem !important; }.pt-4, .py-4 { padding-top: 1.5rem !important; }.pr-4, .px-4 { padding-right: 1.5rem !important; }.pb-4, .py-4 { padding-bottom: 1.5rem !important; }.pl-4, .px-4 { padding-left: 1.5rem !important; }.p-5 { padding: 3rem !important; }.pt-5, .py-5 { padding-top: 3rem !important; }.pr-5, .px-5 { padding-right: 3rem !important; }.pb-5, .py-5 { padding-bottom: 3rem !important; }.pl-5, .px-5 { padding-left: 3rem !important; }.m-auto { margin: auto !important; }.mt-auto, .my-auto { margin-top: auto !important; }.mr-auto, .mx-auto { margin-right: auto !important; }.mb-auto, .my-auto { margin-bottom: auto !important; }.ml-auto, .mx-auto { margin-left: auto !important; }@media (min-width: 576px) {\n  .m-sm-0 { margin: 0px !important; }\n  .mt-sm-0, .my-sm-0 { margin-top: 0px !important; }\n  .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; }\n  .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; }\n  .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; }\n  .m-sm-1 { margin: 0.25rem !important; }\n  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }\n  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }\n  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }\n  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }\n  .m-sm-2 { margin: 0.5rem !important; }\n  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }\n  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }\n  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }\n  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }\n  .m-sm-3 { margin: 1rem !important; }\n  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }\n  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }\n  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }\n  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }\n  .m-sm-4 { margin: 1.5rem !important; }\n  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }\n  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }\n  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }\n  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }\n  .m-sm-5 { margin: 3rem !important; }\n  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }\n  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }\n  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }\n  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }\n  .p-sm-0 { padding: 0px !important; }\n  .pt-sm-0, .py-sm-0 { padding-top: 0px !important; }\n  .pr-sm-0, .px-sm-0 { padding-right: 0px !important; }\n  .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; }\n  .pl-sm-0, .px-sm-0 { padding-left: 0px !important; }\n  .p-sm-1 { padding: 0.25rem !important; }\n  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }\n  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }\n  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }\n  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }\n  .p-sm-2 { padding: 0.5rem !important; }\n  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }\n  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }\n  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }\n  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }\n  .p-sm-3 { padding: 1rem !important; }\n  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }\n  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }\n  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }\n  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }\n  .p-sm-4 { padding: 1.5rem !important; }\n  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }\n  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }\n  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }\n  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }\n  .p-sm-5 { padding: 3rem !important; }\n  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }\n  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }\n  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }\n  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }\n  .m-sm-auto { margin: auto !important; }\n  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }\n  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }\n  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }\n  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }\n}@media (min-width: 768px) {\n  .m-md-0 { margin: 0px !important; }\n  .mt-md-0, .my-md-0 { margin-top: 0px !important; }\n  .mr-md-0, .mx-md-0 { margin-right: 0px !important; }\n  .mb-md-0, .my-md-0 { margin-bottom: 0px !important; }\n  .ml-md-0, .mx-md-0 { margin-left: 0px !important; }\n  .m-md-1 { margin: 0.25rem !important; }\n  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }\n  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }\n  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }\n  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }\n  .m-md-2 { margin: 0.5rem !important; }\n  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }\n  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }\n  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }\n  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }\n  .m-md-3 { margin: 1rem !important; }\n  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }\n  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }\n  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }\n  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }\n  .m-md-4 { margin: 1.5rem !important; }\n  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }\n  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }\n  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }\n  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }\n  .m-md-5 { margin: 3rem !important; }\n  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }\n  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }\n  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }\n  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }\n  .p-md-0 { padding: 0px !important; }\n  .pt-md-0, .py-md-0 { padding-top: 0px !important; }\n  .pr-md-0, .px-md-0 { padding-right: 0px !important; }\n  .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }\n  .pl-md-0, .px-md-0 { padding-left: 0px !important; }\n  .p-md-1 { padding: 0.25rem !important; }\n  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }\n  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }\n  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }\n  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }\n  .p-md-2 { padding: 0.5rem !important; }\n  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }\n  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }\n  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }\n  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }\n  .p-md-3 { padding: 1rem !important; }\n  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }\n  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }\n  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }\n  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }\n  .p-md-4 { padding: 1.5rem !important; }\n  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }\n  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }\n  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }\n  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }\n  .p-md-5 { padding: 3rem !important; }\n  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }\n  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }\n  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }\n  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }\n  .m-md-auto { margin: auto !important; }\n  .mt-md-auto, .my-md-auto { margin-top: auto !important; }\n  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }\n  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }\n  .ml-md-auto, .mx-md-auto { margin-left: auto !important; }\n}@media (min-width: 992px) {\n  .m-lg-0 { margin: 0px !important; }\n  .mt-lg-0, .my-lg-0 { margin-top: 0px !important; }\n  .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; }\n  .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; }\n  .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; }\n  .m-lg-1 { margin: 0.25rem !important; }\n  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }\n  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }\n  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }\n  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }\n  .m-lg-2 { margin: 0.5rem !important; }\n  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }\n  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }\n  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }\n  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }\n  .m-lg-3 { margin: 1rem !important; }\n  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }\n  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }\n  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }\n  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }\n  .m-lg-4 { margin: 1.5rem !important; }\n  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }\n  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }\n  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }\n  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }\n  .m-lg-5 { margin: 3rem !important; }\n  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }\n  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }\n  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }\n  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }\n  .p-lg-0 { padding: 0px !important; }\n  .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }\n  .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }\n  .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }\n  .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }\n  .p-lg-1 { padding: 0.25rem !important; }\n  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }\n  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }\n  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }\n  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }\n  .p-lg-2 { padding: 0.5rem !important; }\n  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }\n  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }\n  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }\n  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }\n  .p-lg-3 { padding: 1rem !important; }\n  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }\n  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }\n  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }\n  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }\n  .p-lg-4 { padding: 1.5rem !important; }\n  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }\n  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }\n  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }\n  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }\n  .p-lg-5 { padding: 3rem !important; }\n  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }\n  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }\n  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }\n  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }\n  .m-lg-auto { margin: auto !important; }\n  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }\n  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }\n  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }\n  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }\n}@media (min-width: 1200px) {\n  .m-xl-0 { margin: 0px !important; }\n  .mt-xl-0, .my-xl-0 { margin-top: 0px !important; }\n  .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; }\n  .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; }\n  .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; }\n  .m-xl-1 { margin: 0.25rem !important; }\n  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }\n  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }\n  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }\n  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }\n  .m-xl-2 { margin: 0.5rem !important; }\n  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }\n  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }\n  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }\n  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }\n  .m-xl-3 { margin: 1rem !important; }\n  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }\n  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }\n  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }\n  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }\n  .m-xl-4 { margin: 1.5rem !important; }\n  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }\n  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }\n  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }\n  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }\n  .m-xl-5 { margin: 3rem !important; }\n  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }\n  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }\n  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }\n  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }\n  .p-xl-0 { padding: 0px !important; }\n  .pt-xl-0, .py-xl-0 { padding-top: 0px !important; }\n  .pr-xl-0, .px-xl-0 { padding-right: 0px !important; }\n  .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; }\n  .pl-xl-0, .px-xl-0 { padding-left: 0px !important; }\n  .p-xl-1 { padding: 0.25rem !important; }\n  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }\n  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }\n  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }\n  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }\n  .p-xl-2 { padding: 0.5rem !important; }\n  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }\n  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }\n  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }\n  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }\n  .p-xl-3 { padding: 1rem !important; }\n  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }\n  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }\n  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }\n  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }\n  .p-xl-4 { padding: 1.5rem !important; }\n  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }\n  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }\n  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }\n  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }\n  .p-xl-5 { padding: 3rem !important; }\n  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }\n  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }\n  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }\n  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }\n  .m-xl-auto { margin: auto !important; }\n  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }\n  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }\n  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }\n  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }\n}.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }.text-justify { text-align: justify !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }@media (min-width: 576px) {\n  .text-sm-left { text-align: left !important; }\n  .text-sm-right { text-align: right !important; }\n  .text-sm-center { text-align: center !important; }\n}@media (min-width: 768px) {\n  .text-md-left { text-align: left !important; }\n  .text-md-right { text-align: right !important; }\n  .text-md-center { text-align: center !important; }\n}@media (min-width: 992px) {\n  .text-lg-left { text-align: left !important; }\n  .text-lg-right { text-align: right !important; }\n  .text-lg-center { text-align: center !important; }\n}@media (min-width: 1200px) {\n  .text-xl-left { text-align: left !important; }\n  .text-xl-right { text-align: right !important; }\n  .text-xl-center { text-align: center !important; }\n}.text-lowercase { text-transform: lowercase !important; }.text-uppercase { text-transform: uppercase !important; }.text-capitalize { text-transform: capitalize !important; }.font-weight-light { font-weight: 300 !important; }.font-weight-normal { font-weight: 400 !important; }.font-weight-bold { font-weight: 700 !important; }.font-italic { font-style: italic !important; }.text-white { color: rgb(255, 255, 255) !important; }.text-primary { color: rgb(0, 123, 255) !important; }a.text-primary:focus, a.text-primary:hover { color: rgb(0, 98, 204) !important; }.text-secondary { color: rgb(108, 117, 125) !important; }a.text-secondary:focus, a.text-secondary:hover { color: rgb(84, 91, 98) !important; }.text-success { color: rgb(40, 167, 69) !important; }a.text-success:focus, a.text-success:hover { color: rgb(30, 126, 52) !important; }.text-info { color: rgb(23, 162, 184) !important; }a.text-info:focus, a.text-info:hover { color: rgb(17, 122, 139) !important; }.text-warning { color: rgb(255, 193, 7) !important; }a.text-warning:focus, a.text-warning:hover { color: rgb(211, 158, 0) !important; }.text-danger { color: rgb(220, 53, 69) !important; }a.text-danger:focus, a.text-danger:hover { color: rgb(189, 33, 48) !important; }.text-light { color: rgb(248, 249, 250) !important; }a.text-light:focus, a.text-light:hover { color: rgb(218, 224, 229) !important; }.text-dark { color: rgb(52, 58, 64) !important; }a.text-dark:focus, a.text-dark:hover { color: rgb(29, 33, 36) !important; }.text-body { color: rgb(33, 37, 41) !important; }.text-muted { color: rgb(108, 117, 125) !important; }.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; }.visible { visibility: visible !important; }.invisible { visibility: hidden !important; }@media print {\n  *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }\n  a:not(.btn) { text-decoration: underline; }\n  abbr[title]::after { content: \" (\" attr(title) \")\"; }\n  pre { white-space: pre-wrap !important; }\n  blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; }\n  thead { display: table-header-group; }\n  img, tr { break-inside: avoid; }\n  h2, h3, p { orphans: 3; widows: 3; }\n  h2, h3 { break-after: avoid; }\n  @page { size: a3; }\n  body { min-width: 992px !important; }\n  .container { min-width: 992px !important; }\n  .navbar { display: none; }\n  .badge { border: 1px solid rgb(0, 0, 0); }\n  .table { border-collapse: collapse !important; }\n  .table td, .table th { background-color: rgb(255, 255, 255) !important; }\n  .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; }\n  .table-dark { color: inherit; }\n  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); }\n  .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }\n}"},"childNodes":[],"id":22},{"type":3,"textContent":"\n\n  ","id":23},{"type":5,"textContent":" Custom styles for this template ","id":24},{"type":3,"textContent":"\n  ","id":25},{"type":2,"tagName":"link","attributes":{"_cssText":".container { max-width: 960px; }.lh-condensed { line-height: 1.25; }"},"childNodes":[],"id":26},{"type":3,"textContent":"\n","id":27}],"id":5},{"type":3,"textContent":"\n\n","id":28},{"type":2,"tagName":"body","attributes":{"class":"bg-light"},"childNodes":[{"type":3,"textContent":"\n\n  ","id":30},{"type":2,"tagName":"div","attributes":{"class":"container"},"childNodes":[{"type":3,"textContent":"\n    ","id":32},{"type":2,"tagName":"div","attributes":{"class":"py-5 text-center"},"childNodes":[{"type":3,"textContent":"\n      ","id":34},{"type":2,"tagName":"img","attributes":{"class":"d-block mx-auto mb-4","src":"http://localhost:5500/checkout-demo/index_files/bootstrap-solid.svg","alt":"","width":"72","height":"72"},"childNodes":[],"id":35},{"type":3,"textContent":"\n      ","id":36},{"type":2,"tagName":"h2","attributes":{},"childNodes":[{"type":3,"textContent":"Checkout form","id":38}],"id":37},{"type":3,"textContent":"\n      ","id":39},{"type":2,"tagName":"p","attributes":{"class":"lead"},"childNodes":[{"type":3,"textContent":"Below is an example form built entirely with Bootstrap's form controls. Each required form group\n        has\n        a validation state that can be triggered by attempting to submit the form without completing it.","id":41}],"id":40},{"type":3,"textContent":"\n    ","id":42}],"id":33},{"type":3,"textContent":"\n\n    ","id":43},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n      ","id":45},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 order-md-2 mb-4"},"childNodes":[{"type":3,"textContent":"\n        ","id":47},{"type":2,"tagName":"h4","attributes":{"class":"d-flex justify-content-between align-items-center mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":49},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Your cart","id":51}],"id":50},{"type":3,"textContent":"\n          ","id":52},{"type":2,"tagName":"span","attributes":{"class":"badge badge-secondary badge-pill"},"childNodes":[{"type":3,"textContent":"3","id":54}],"id":53},{"type":3,"textContent":"\n        ","id":55}],"id":48},{"type":3,"textContent":"\n        ","id":56},{"type":2,"tagName":"ul","attributes":{"class":"list-group mb-3"},"childNodes":[{"type":3,"textContent":"\n          ","id":58},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":60},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":62},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Product name","id":64}],"id":63},{"type":3,"textContent":"\n              ","id":65},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":67}],"id":66},{"type":3,"textContent":"\n            ","id":68}],"id":61},{"type":3,"textContent":"\n            ","id":69},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$12","id":71}],"id":70},{"type":3,"textContent":"\n          ","id":72}],"id":59},{"type":3,"textContent":"\n          ","id":73},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":75},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":77},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Second product","id":79}],"id":78},{"type":3,"textContent":"\n              ","id":80},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":82}],"id":81},{"type":3,"textContent":"\n            ","id":83}],"id":76},{"type":3,"textContent":"\n            ","id":84},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$8","id":86}],"id":85},{"type":3,"textContent":"\n          ","id":87}],"id":74},{"type":3,"textContent":"\n          ","id":88},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between lh-condensed"},"childNodes":[{"type":3,"textContent":"\n            ","id":90},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"\n              ","id":92},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Third item","id":94}],"id":93},{"type":3,"textContent":"\n              ","id":95},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Brief description","id":97}],"id":96},{"type":3,"textContent":"\n            ","id":98}],"id":91},{"type":3,"textContent":"\n            ","id":99},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"$5","id":101}],"id":100},{"type":3,"textContent":"\n          ","id":102}],"id":89},{"type":3,"textContent":"\n          ","id":103},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between bg-light"},"childNodes":[{"type":3,"textContent":"\n            ","id":105},{"type":2,"tagName":"div","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"\n              ","id":107},{"type":2,"tagName":"h6","attributes":{"class":"my-0"},"childNodes":[{"type":3,"textContent":"Promo code","id":109}],"id":108},{"type":3,"textContent":"\n              ","id":110},{"type":2,"tagName":"small","attributes":{},"childNodes":[{"type":3,"textContent":"EXAMPLECODE","id":112}],"id":111},{"type":3,"textContent":"\n            ","id":113}],"id":106},{"type":3,"textContent":"\n            ","id":114},{"type":2,"tagName":"span","attributes":{"class":"text-success"},"childNodes":[{"type":3,"textContent":"-$5","id":116}],"id":115},{"type":3,"textContent":"\n          ","id":117}],"id":104},{"type":3,"textContent":"\n          ","id":118},{"type":2,"tagName":"li","attributes":{"class":"list-group-item d-flex justify-content-between"},"childNodes":[{"type":3,"textContent":"\n            ","id":120},{"type":2,"tagName":"span","attributes":{},"childNodes":[{"type":3,"textContent":"Total (USD)","id":122}],"id":121},{"type":3,"textContent":"\n            ","id":123},{"type":2,"tagName":"strong","attributes":{},"childNodes":[{"type":3,"textContent":"$20","id":125}],"id":124},{"type":3,"textContent":"\n          ","id":126}],"id":119},{"type":3,"textContent":"\n        ","id":127}],"id":57},{"type":3,"textContent":"\n\n        ","id":128},{"type":2,"tagName":"form","attributes":{"class":"card p-2"},"childNodes":[{"type":3,"textContent":"\n          ","id":130},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n            ","id":132},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","placeholder":"Promo code"},"childNodes":[],"id":133},{"type":3,"textContent":"\n            ","id":134},{"type":2,"tagName":"div","attributes":{"class":"input-group-append"},"childNodes":[{"type":3,"textContent":"\n              ","id":136},{"type":2,"tagName":"button","attributes":{"type":"submit","class":"btn btn-secondary"},"childNodes":[{"type":3,"textContent":"Redeem","id":138}],"id":137},{"type":3,"textContent":"\n            ","id":139}],"id":135},{"type":3,"textContent":"\n          ","id":140}],"id":131},{"type":3,"textContent":"\n        ","id":141}],"id":129},{"type":3,"textContent":"\n      ","id":142}],"id":46},{"type":3,"textContent":"\n      ","id":143},{"type":2,"tagName":"div","attributes":{"class":"col-md-8 order-md-1"},"childNodes":[{"type":3,"textContent":"\n        ","id":145},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Billing address","id":147}],"id":146},{"type":3,"textContent":"\n        ","id":148},{"type":2,"tagName":"form","attributes":{"class":"needs-validation","novalidate":""},"childNodes":[{"type":3,"textContent":"\n          ","id":150},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":152},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":154},{"type":2,"tagName":"label","attributes":{"for":"firstName"},"childNodes":[{"type":3,"textContent":"First name","id":156}],"id":155},{"type":3,"textContent":"\n              ","id":157},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"firstName","placeholder":"","value":"","required":""},"childNodes":[],"id":158},{"type":3,"textContent":"\n              ","id":159},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid first name is required.\n              ","id":161}],"id":160},{"type":3,"textContent":"\n            ","id":162}],"id":153},{"type":3,"textContent":"\n            ","id":163},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":165},{"type":2,"tagName":"label","attributes":{"for":"lastName"},"childNodes":[{"type":3,"textContent":"Last name","id":167}],"id":166},{"type":3,"textContent":"\n              ","id":168},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"lastName","placeholder":"","value":"","required":""},"childNodes":[],"id":169},{"type":3,"textContent":"\n              ","id":170},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Valid last name is required.\n              ","id":172}],"id":171},{"type":3,"textContent":"\n            ","id":173}],"id":164},{"type":3,"textContent":"\n          ","id":174}],"id":151},{"type":3,"textContent":"\n\n          ","id":175},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":177},{"type":2,"tagName":"label","attributes":{"for":"username"},"childNodes":[{"type":3,"textContent":"Username","id":179}],"id":178},{"type":3,"textContent":"\n            ","id":180},{"type":2,"tagName":"div","attributes":{"class":"input-group"},"childNodes":[{"type":3,"textContent":"\n              ","id":182},{"type":2,"tagName":"div","attributes":{"class":"input-group-prepend"},"childNodes":[{"type":3,"textContent":"\n                ","id":184},{"type":2,"tagName":"span","attributes":{"class":"input-group-text"},"childNodes":[{"type":3,"textContent":"@","id":186}],"id":185},{"type":3,"textContent":"\n              ","id":187}],"id":183},{"type":3,"textContent":"\n              ","id":188},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"username","placeholder":"Username","required":""},"childNodes":[],"id":189},{"type":3,"textContent":"\n              ","id":190},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback","style":"width: 100%;"},"childNodes":[{"type":3,"textContent":"\n                Your username is required.\n              ","id":192}],"id":191},{"type":3,"textContent":"\n            ","id":193}],"id":181},{"type":3,"textContent":"\n          ","id":194}],"id":176},{"type":3,"textContent":"\n\n          ","id":195},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":197},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"Email ","id":199},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":201}],"id":200}],"id":198},{"type":3,"textContent":"\n            ","id":202},{"type":2,"tagName":"input","attributes":{"type":"email","class":"form-control","id":"email","placeholder":"you@example.com"},"childNodes":[],"id":203},{"type":3,"textContent":"\n            ","id":204},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter a valid email address for shipping updates.\n            ","id":206}],"id":205},{"type":3,"textContent":"\n          ","id":207}],"id":196},{"type":3,"textContent":"\n\n          ","id":208},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":210},{"type":2,"tagName":"label","attributes":{"for":"address"},"childNodes":[{"type":3,"textContent":"Address","id":212}],"id":211},{"type":3,"textContent":"\n            ","id":213},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address","placeholder":"1234 Main St","required":""},"childNodes":[],"id":214},{"type":3,"textContent":"\n            ","id":215},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n              Please enter your shipping address.\n            ","id":217}],"id":216},{"type":3,"textContent":"\n          ","id":218}],"id":209},{"type":3,"textContent":"\n\n          ","id":219},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":221},{"type":2,"tagName":"label","attributes":{"for":"address2"},"childNodes":[{"type":3,"textContent":"Address 2 ","id":223},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":225}],"id":224}],"id":222},{"type":3,"textContent":"\n            ","id":226},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"address2","placeholder":"Apartment or suite"},"childNodes":[],"id":227},{"type":3,"textContent":"\n          ","id":228}],"id":220},{"type":3,"textContent":"\n\n          ","id":229},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":231},{"type":2,"tagName":"div","attributes":{"class":"col-md-5 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":233},{"type":2,"tagName":"label","attributes":{"for":"country"},"childNodes":[{"type":3,"textContent":"Country","id":235}],"id":234},{"type":3,"textContent":"\n              ","id":236},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"country","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":238},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":240}],"id":239},{"type":3,"textContent":"\n                ","id":241},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"United States","id":243}],"id":242},{"type":3,"textContent":"\n              ","id":244}],"id":237},{"type":3,"textContent":"\n              ","id":245},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please select a valid country.\n              ","id":247}],"id":246},{"type":3,"textContent":"\n            ","id":248}],"id":232},{"type":3,"textContent":"\n            ","id":249},{"type":2,"tagName":"div","attributes":{"class":"col-md-4 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":251},{"type":2,"tagName":"label","attributes":{"for":"state"},"childNodes":[{"type":3,"textContent":"State","id":253}],"id":252},{"type":3,"textContent":"\n              ","id":254},{"type":2,"tagName":"select","attributes":{"class":"custom-select d-block w-100","id":"state","required":""},"childNodes":[{"type":3,"textContent":"\n                ","id":256},{"type":2,"tagName":"option","attributes":{"value":"","selected":true},"childNodes":[{"type":3,"textContent":"Choose...","id":258}],"id":257},{"type":3,"textContent":"\n                ","id":259},{"type":2,"tagName":"option","attributes":{},"childNodes":[{"type":3,"textContent":"California","id":261}],"id":260},{"type":3,"textContent":"\n              ","id":262}],"id":255},{"type":3,"textContent":"\n              ","id":263},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Please provide a valid state.\n              ","id":265}],"id":264},{"type":3,"textContent":"\n            ","id":266}],"id":250},{"type":3,"textContent":"\n            ","id":267},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":269},{"type":2,"tagName":"label","attributes":{"for":"zip"},"childNodes":[{"type":3,"textContent":"Zip","id":271}],"id":270},{"type":3,"textContent":"\n              ","id":272},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"zip","placeholder":"","required":""},"childNodes":[],"id":273},{"type":3,"textContent":"\n              ","id":274},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Zip code required.\n              ","id":276}],"id":275},{"type":3,"textContent":"\n            ","id":277}],"id":268},{"type":3,"textContent":"\n          ","id":278}],"id":230},{"type":3,"textContent":"\n          ","id":279},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":280},{"type":3,"textContent":"\n          ","id":281},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":283},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"same-address"},"childNodes":[],"id":284},{"type":3,"textContent":"\n            ","id":285},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"same-address"},"childNodes":[{"type":3,"textContent":"Shipping address is the same as my billing address","id":287}],"id":286},{"type":3,"textContent":"\n          ","id":288}],"id":282},{"type":3,"textContent":"\n          ","id":289},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-checkbox"},"childNodes":[{"type":3,"textContent":"\n            ","id":291},{"type":2,"tagName":"input","attributes":{"type":"checkbox","class":"custom-control-input","id":"save-info"},"childNodes":[],"id":292},{"type":3,"textContent":"\n            ","id":293},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"save-info"},"childNodes":[{"type":3,"textContent":"Save this information for next time","id":295}],"id":294},{"type":3,"textContent":"\n          ","id":296}],"id":290},{"type":3,"textContent":"\n          ","id":297},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":298},{"type":3,"textContent":"\n\n          ","id":299},{"type":2,"tagName":"h4","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"Payment","id":301}],"id":300},{"type":3,"textContent":"\n\n          ","id":302},{"type":2,"tagName":"div","attributes":{"class":"d-block my-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":304},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":306},{"type":2,"tagName":"input","attributes":{"id":"credit","name":"paymentMethod","type":"radio","class":"custom-control-input","checked":true,"required":""},"childNodes":[],"id":307},{"type":3,"textContent":"\n              ","id":308},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"credit"},"childNodes":[{"type":3,"textContent":"Credit card","id":310}],"id":309},{"type":3,"textContent":"\n            ","id":311}],"id":305},{"type":3,"textContent":"\n            ","id":312},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":314},{"type":2,"tagName":"input","attributes":{"id":"debit","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":315},{"type":3,"textContent":"\n              ","id":316},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"debit"},"childNodes":[{"type":3,"textContent":"Debit card","id":318}],"id":317},{"type":3,"textContent":"\n            ","id":319}],"id":313},{"type":3,"textContent":"\n            ","id":320},{"type":2,"tagName":"div","attributes":{"class":"custom-control custom-radio"},"childNodes":[{"type":3,"textContent":"\n              ","id":322},{"type":2,"tagName":"input","attributes":{"id":"paypal","name":"paymentMethod","type":"radio","class":"custom-control-input","required":""},"childNodes":[],"id":323},{"type":3,"textContent":"\n              ","id":324},{"type":2,"tagName":"label","attributes":{"class":"custom-control-label","for":"paypal"},"childNodes":[{"type":3,"textContent":"PayPal","id":326}],"id":325},{"type":3,"textContent":"\n            ","id":327}],"id":321},{"type":3,"textContent":"\n          ","id":328}],"id":303},{"type":3,"textContent":"\n          ","id":329},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":331},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":333},{"type":2,"tagName":"label","attributes":{"for":"cc-name"},"childNodes":[{"type":3,"textContent":"Name on card","id":335}],"id":334},{"type":3,"textContent":"\n              ","id":336},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-name","placeholder":"","required":""},"childNodes":[],"id":337},{"type":3,"textContent":"\n              ","id":338},{"type":2,"tagName":"small","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"Full name as displayed on card","id":340}],"id":339},{"type":3,"textContent":"\n              ","id":341},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Name on card is required\n              ","id":343}],"id":342},{"type":3,"textContent":"\n            ","id":344}],"id":332},{"type":3,"textContent":"\n            ","id":345},{"type":2,"tagName":"div","attributes":{"class":"col-md-6 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":347},{"type":2,"tagName":"label","attributes":{"for":"cc-number"},"childNodes":[{"type":3,"textContent":"Credit card number","id":349}],"id":348},{"type":3,"textContent":"\n              ","id":350},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-number","placeholder":"","required":""},"childNodes":[],"id":351},{"type":3,"textContent":"\n              ","id":352},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Credit card number is required\n              ","id":354}],"id":353},{"type":3,"textContent":"\n            ","id":355}],"id":346},{"type":3,"textContent":"\n          ","id":356}],"id":330},{"type":3,"textContent":"\n          ","id":357},{"type":2,"tagName":"div","attributes":{"class":"row"},"childNodes":[{"type":3,"textContent":"\n            ","id":359},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":361},{"type":2,"tagName":"label","attributes":{"for":"cc-expiration"},"childNodes":[{"type":3,"textContent":"Expiration","id":363}],"id":362},{"type":3,"textContent":"\n              ","id":364},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-expiration","placeholder":"","required":""},"childNodes":[],"id":365},{"type":3,"textContent":"\n              ","id":366},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Expiration date required\n              ","id":368}],"id":367},{"type":3,"textContent":"\n            ","id":369}],"id":360},{"type":3,"textContent":"\n            ","id":370},{"type":2,"tagName":"div","attributes":{"class":"col-md-3 mb-3"},"childNodes":[{"type":3,"textContent":"\n              ","id":372},{"type":2,"tagName":"label","attributes":{"for":"cc-cvv"},"childNodes":[{"type":3,"textContent":"CVV","id":374}],"id":373},{"type":3,"textContent":"\n              ","id":375},{"type":2,"tagName":"input","attributes":{"type":"text","class":"form-control","id":"cc-cvv","placeholder":"","required":""},"childNodes":[],"id":376},{"type":3,"textContent":"\n              ","id":377},{"type":2,"tagName":"div","attributes":{"class":"invalid-feedback"},"childNodes":[{"type":3,"textContent":"\n                Security code required\n              ","id":379}],"id":378},{"type":3,"textContent":"\n            ","id":380}],"id":371},{"type":3,"textContent":"\n          ","id":381}],"id":358},{"type":3,"textContent":"\n          ","id":382},{"type":2,"tagName":"div","attributes":{"class":"mb-3"},"childNodes":[{"type":3,"textContent":"\n            ","id":384},{"type":2,"tagName":"label","attributes":{"for":"email"},"childNodes":[{"type":3,"textContent":"textarea ","id":386},{"type":2,"tagName":"span","attributes":{"class":"text-muted"},"childNodes":[{"type":3,"textContent":"(Optional)","id":388}],"id":387}],"id":385},{"type":3,"textContent":"\n            ","id":389},{"type":2,"tagName":"textarea","attributes":{"name":"","id":"","cols":"30","rows":"10"},"childNodes":[],"id":390},{"type":3,"textContent":"\n          ","id":391}],"id":383},{"type":3,"textContent":"\n          ","id":392},{"type":2,"tagName":"hr","attributes":{"class":"mb-4"},"childNodes":[],"id":393},{"type":3,"textContent":"\n          ","id":394},{"type":2,"tagName":"button","attributes":{"class":"btn btn-primary btn-lg btn-block","type":"submit"},"childNodes":[{"type":3,"textContent":"Continue to checkout","id":396}],"id":395},{"type":3,"textContent":"\n        ","id":397}],"id":149},{"type":3,"textContent":"\n      ","id":398}],"id":144},{"type":3,"textContent":"\n    ","id":399}],"id":44},{"type":3,"textContent":"\n\n    ","id":400},{"type":2,"tagName":"footer","attributes":{"class":"my-5 pt-5 text-muted text-center text-small"},"childNodes":[{"type":3,"textContent":"\n      ","id":402},{"type":2,"tagName":"p","attributes":{"class":"mb-1"},"childNodes":[{"type":3,"textContent":"© 2017-2018 Company Name","id":404}],"id":403},{"type":3,"textContent":"\n      ","id":405},{"type":2,"tagName":"ul","attributes":{"class":"list-inline"},"childNodes":[{"type":3,"textContent":"\n        ","id":407},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Privacy","id":410}],"id":409}],"id":408},{"type":3,"textContent":"\n        ","id":411},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Terms","id":414}],"id":413}],"id":412},{"type":3,"textContent":"\n        ","id":415},{"type":2,"tagName":"li","attributes":{"class":"list-inline-item"},"childNodes":[{"type":2,"tagName":"a","attributes":{"href":"https://getbootstrap.com/docs/4.1/examples/checkout/#"},"childNodes":[{"type":3,"textContent":"Support","id":418}],"id":417}],"id":416},{"type":3,"textContent":"\n      ","id":419}],"id":406},{"type":3,"textContent":"\n    ","id":420}],"id":401},{"type":3,"textContent":"\n  ","id":421}],"id":31},{"type":3,"textContent":"\n\n  ","id":422},{"type":5,"textContent":" Bootstrap core JavaScript\n    ================================================== ","id":423},{"type":3,"textContent":"\n  ","id":424},{"type":5,"textContent":" Placed at the end of the document so the pages load faster ","id":425},{"type":3,"textContent":"\n  ","id":426},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/jquery-3.3.1.slim.min.js","integrity":"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo","crossorigin":"anonymous"},"childNodes":[],"id":427},{"type":3,"textContent":"\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/popper.min.js"},"childNodes":[],"id":432},{"type":3,"textContent":"\n  ","id":433},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/bootstrap.min.js"},"childNodes":[],"id":434},{"type":3,"textContent":"\n  ","id":435},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/checkout-demo/index_files/holder.min.js"},"childNodes":[],"id":436},{"type":3,"textContent":"\n  ","id":437},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":439}],"id":438},{"type":3,"textContent":"\n\n  ","id":440},{"type":5,"textContent":" logrocket ","id":441},{"type":3,"textContent":"\n\n  ","id":442},{"type":5,"textContent":" <script src=\"../reverse-engineer/LogRocket.js\"></script>\n  <script>\n    LogRocket.init('bqsqi3/serenity');\n  </script> ","id":443},{"type":3,"textContent":"\n\n  ","id":444},{"type":5,"textContent":" fundebug ","id":445},{"type":3,"textContent":"\n\n  ","id":446},{"type":5,"textContent":" <script src=\"https://js.fundebug.cn/fundebug.1.2.3.min.js\"\n  apikey=\"2e96393d0884f5ef28b95645008da9926cb6750dae6b2a4c7a2403fac4d889ab\" silentVideo=false></script>\n   ","id":447},{"type":3,"textContent":"\n\n  ","id":448},{"type":5,"textContent":" fullstory ","id":449},{"type":3,"textContent":"\n\n  ","id":450},{"type":5,"textContent":" <script>\n    window['_fs_debug'] = false;\n    window['_fs_host'] = 'fullstory.com';\n    window['_fs_org'] = 'EYQ69';\n    window['_fs_namespace'] = 'FS';\n    (function (m, n, e, t, l, o, g, y) {\n      if (e in m) { if (m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window[\"_fs_namespace\"].'); } return; }\n      g = m[e] = function (a, b) { g.q ? g.q.push([a, b]) : g._api(a, b); }; g.q = [];\n      o = n.createElement(t); o.async = 1; o.src = 'https://' + _fs_host + '/s/fs.js';\n      y = n.getElementsByTagName(t)[0]; y.parentNode.insertBefore(o, y);\n      g.identify = function (i, v) { g(l, { uid: i }); if (v) g(l, v) }; g.setUserVars = function (v) { g(l, v) }; g.event = function (i, v) { g('event', { n: i, p: v }) };\n      g.shutdown = function () { g(\"rec\", !1) }; g.restart = function () { g(\"rec\", !0) };\n      g.consent = function (a) { g(\"consent\", !arguments.length || a) };\n      g.identifyAccount = function (i, v) { o = 'account'; v = v || {}; v.acctId = i; g(o, v) };\n      g.clearUserCookie = function () { };\n    })(window, document, window['_fs_namespace'], 'script', 'user');\n  </script> ","id":451},{"type":3,"textContent":"\n\n  ","id":452},{"type":2,"tagName":"script","attributes":{"src":"http://localhost:5500/src/record.js"},"childNodes":[],"id":453},{"type":3,"textContent":"\n  ","id":454},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":456}],"id":455},{"type":3,"textContent":"\n\n","id":457},{"type":5,"textContent":" Code injected by live-server ","id":458},{"type":3,"textContent":"\n","id":459},{"type":2,"tagName":"script","attributes":{"type":"text/javascript"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":461}],"id":460},{"type":3,"textContent":"\n\n","id":462}],"id":29}],"id":4}],"id":1},"initialOffset":{"left":0,"top":0}},"timestamp":1539774745304},{"type":3,"data":{"source":1,"positions":[{"x":301,"y":156,"timeOffset":-1}]},"timestamp":1539774745307},{"type":3,"data":{"source":1,"positions":[{"x":297,"y":159,"timeOffset":-477},{"x":294,"y":160,"timeOffset":-427},{"x":291,"y":162,"timeOffset":-393},{"x":286,"y":166,"timeOffset":-359},{"x":281,"y":169,"timeOffset":-327},{"x":278,"y":172,"timeOffset":-294},{"x":278,"y":175,"timeOffset":-260},{"x":278,"y":179,"timeOffset":-227},{"x":277,"y":185,"timeOffset":-193},{"x":277,"y":192,"timeOffset":-160},{"x":277,"y":197,"timeOffset":-126},{"x":277,"y":199,"timeOffset":-93},{"x":277,"y":202,"timeOffset":-60}]},"timestamp":1539774745807},{"type":3,"data":{"source":1,"positions":[{"x":278,"y":204,"timeOffset":-361},{"x":278,"y":204,"timeOffset":-311},{"x":277,"y":206,"timeOffset":-228}]},"timestamp":1539774746308},{"type":3,"data":{"source":1,"positions":[{"x":277,"y":207,"timeOffset":0}]},"timestamp":1539774747114},{"type":3,"data":{"source":2,"type":1,"id":29,"x":279,"y":280},"timestamp":1539774747448},{"type":3,"data":{"source":2,"type":0,"id":29,"x":279,"y":280},"timestamp":1539774747576},{"type":3,"data":{"source":2,"type":2,"id":29,"x":279,"y":280},"timestamp":1539774747576},{"type":3,"data":{"source":1,"positions":[{"x":274,"y":212,"timeOffset":-466},{"x":273,"y":221,"timeOffset":-433},{"x":272,"y":233,"timeOffset":-400},{"x":272,"y":245,"timeOffset":-367},{"x":272,"y":255,"timeOffset":-334},{"x":276,"y":263,"timeOffset":-300},{"x":277,"y":270,"timeOffset":-266},{"x":279,"y":274,"timeOffset":-233},{"x":279,"y":278,"timeOffset":-184}]},"timestamp":1539774747614},{"type":3,"data":{"source":1,"positions":[{"x":279,"y":280,"timeOffset":0}]},"timestamp":1539774748546},{"type":3,"data":{"source":4,"width":1147,"height":711},"timestamp":1539774748563},{"type":3,"data":{"source":1,"positions":[{"x":279,"y":285,"timeOffset":0}]},"timestamp":1539774749479},{"type":3,"data":{"source":1,"positions":[{"x":270,"y":304,"timeOffset":-468},{"x":265,"y":326,"timeOffset":-435},{"x":264,"y":336,"timeOffset":-401},{"x":262,"y":348,"timeOffset":-368},{"x":263,"y":356,"timeOffset":-334},{"x":263,"y":367,"timeOffset":-301},{"x":263,"y":373,"timeOffset":-267},{"x":263,"y":379,"timeOffset":-234},{"x":263,"y":384,"timeOffset":-201},{"x":262,"y":388,"timeOffset":-167},{"x":262,"y":393,"timeOffset":-133},{"x":261,"y":402,"timeOffset":-101},{"x":261,"y":405,"timeOffset":-68},{"x":261,"y":408,"timeOffset":-18}]},"timestamp":1539774749980},{"type":3,"data":{"source":2,"type":1,"id":158,"x":261,"y":410},"timestamp":1539774750089},{"type":3,"data":{"source":2,"type":5,"id":158},"timestamp":1539774750094},{"type":3,"data":{"source":2,"type":0,"id":158,"x":261,"y":410},"timestamp":1539774750208},{"type":3,"data":{"source":2,"type":2,"id":158,"x":261,"y":410},"timestamp":1539774750208},{"type":3,"data":{"source":1,"positions":[{"x":261,"y":410,"timeOffset":-486}]},"timestamp":1539774750481},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":158},"timestamp":1539774750928},{"type":3,"data":{"source":5,"text":"ya","isChecked":false,"id":158},"timestamp":1539774751039},{"type":3,"data":{"source":5,"text":"yan","isChecked":false,"id":158},"timestamp":1539774751151},{"type":3,"data":{"source":5,"text":"yanz","isChecked":false,"id":158},"timestamp":1539774751264},{"type":3,"data":{"source":5,"text":"yanzh","isChecked":false,"id":158},"timestamp":1539774751342},{"type":3,"data":{"source":5,"text":"yanzhe","isChecked":false,"id":158},"timestamp":1539774751449},{"type":3,"data":{"source":5,"text":"yanzhen","isChecked":false,"id":158},"timestamp":1539774751551},{"type":3,"data":{"source":1,"positions":[{"x":265,"y":411,"timeOffset":0}]},"timestamp":1539774752128},{"type":3,"data":{"source":1,"positions":[{"x":317,"y":392,"timeOffset":-466},{"x":337,"y":357,"timeOffset":-433},{"x":342,"y":336,"timeOffset":-399},{"x":367,"y":319,"timeOffset":-366},{"x":406,"y":323,"timeOffset":-333},{"x":409,"y":336,"timeOffset":-300},{"x":409,"y":352,"timeOffset":-266},{"x":411,"y":363,"timeOffset":-233},{"x":419,"y":367,"timeOffset":-200},{"x":424,"y":373,"timeOffset":-166},{"x":430,"y":381,"timeOffset":-133},{"x":438,"y":384,"timeOffset":-100},{"x":443,"y":385,"timeOffset":-67},{"x":449,"y":388,"timeOffset":-33},{"x":451,"y":389,"timeOffset":0}]},"timestamp":1539774752629},{"type":3,"data":{"source":2,"type":1,"id":169,"x":453,"y":393},"timestamp":1539774752826},{"type":3,"data":{"source":2,"type":6,"id":158},"timestamp":1539774752829},{"type":3,"data":{"source":2,"type":5,"id":169},"timestamp":1539774752830},{"type":3,"data":{"source":2,"type":0,"id":169,"x":454,"y":396},"timestamp":1539774752896},{"type":3,"data":{"source":2,"type":2,"id":169,"x":454,"y":396},"timestamp":1539774752896},{"type":3,"data":{"source":1,"positions":[{"x":453,"y":391,"timeOffset":-466},{"x":453,"y":393,"timeOffset":-400},{"x":453,"y":393,"timeOffset":-367},{"x":453,"y":394,"timeOffset":-249},{"x":458,"y":397,"timeOffset":-215},{"x":468,"y":401,"timeOffset":-183}]},"timestamp":1539774753128},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":169},"timestamp":1539774753790},{"type":3,"data":{"source":5,"text":"yu","isChecked":false,"id":169},"timestamp":1539774753836},{"type":3,"data":{"source":1,"positions":[{"x":465,"y":400,"timeOffset":0}]},"timestamp":1539774754611},{"type":3,"data":{"source":1,"positions":[{"x":447,"y":397,"timeOffset":-466},{"x":433,"y":394,"timeOffset":-433},{"x":373,"y":421,"timeOffset":-400},{"x":334,"y":442,"timeOffset":-367},{"x":322,"y":446,"timeOffset":-317},{"x":319,"y":450,"timeOffset":-266},{"x":308,"y":470,"timeOffset":-233},{"x":301,"y":481,"timeOffset":-200},{"x":300,"y":483,"timeOffset":-134},{"x":295,"y":490,"timeOffset":-100},{"x":293,"y":492,"timeOffset":-67}]},"timestamp":1539774755111},{"type":3,"data":{"source":2,"type":1,"id":189,"x":293,"y":492},"timestamp":1539774755137},{"type":3,"data":{"source":2,"type":6,"id":169},"timestamp":1539774755146},{"type":3,"data":{"source":2,"type":5,"id":189},"timestamp":1539774755147},{"type":3,"data":{"source":2,"type":0,"id":189,"x":293,"y":492},"timestamp":1539774755223},{"type":3,"data":{"source":2,"type":2,"id":189,"x":293,"y":492},"timestamp":1539774755223},{"type":3,"data":{"source":5,"text":"a","isChecked":false,"id":189},"timestamp":1539774755812},{"type":3,"data":{"source":5,"text":"ad","isChecked":false,"id":189},"timestamp":1539774755915},{"type":3,"data":{"source":5,"text":"adm","isChecked":false,"id":189},"timestamp":1539774756048},{"type":3,"data":{"source":5,"text":"admi","isChecked":false,"id":189},"timestamp":1539774756090},{"type":3,"data":{"source":5,"text":"admin","isChecked":false,"id":189},"timestamp":1539774756241},{"type":3,"data":{"source":1,"positions":[{"x":311,"y":510,"timeOffset":0}]},"timestamp":1539774756827},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1},"timestamp":1539774757177},{"type":3,"data":{"source":3,"id":1,"x":0,"y":90},"timestamp":1539774757278},{"type":3,"data":{"source":1,"positions":[{"x":449,"y":606,"timeOffset":-468},{"x":515,"y":642,"timeOffset":-435},{"x":514,"y":627,"timeOffset":-369},{"x":410,"y":510,"timeOffset":-336},{"x":401,"y":498,"timeOffset":-269},{"x":398,"y":502,"timeOffset":-219},{"x":388,"y":506,"timeOffset":-186},{"x":385,"y":506,"timeOffset":-119},{"x":384,"y":506,"timeOffset":-68},{"x":380,"y":507,"timeOffset":-18}]},"timestamp":1539774757329},{"type":3,"data":{"source":3,"id":1,"x":0,"y":212},"timestamp":1539774757378},{"type":3,"data":{"source":1,"positions":[{"x":378,"y":506,"timeOffset":-486},{"x":373,"y":498,"timeOffset":-452},{"x":368,"y":488,"timeOffset":-420},{"x":353,"y":476,"timeOffset":-387},{"x":329,"y":458,"timeOffset":-353},{"x":320,"y":433,"timeOffset":-320},{"x":312,"y":395,"timeOffset":-287},{"x":303,"y":379,"timeOffset":-254},{"x":297,"y":369,"timeOffset":-221},{"x":294,"y":364,"timeOffset":-187}]},"timestamp":1539774757830},{"type":3,"data":{"source":2,"type":1,"id":203,"x":293,"y":363},"timestamp":1539774757849},{"type":3,"data":{"source":2,"type":6,"id":189},"timestamp":1539774757853},{"type":3,"data":{"source":2,"type":5,"id":203},"timestamp":1539774757855},{"type":3,"data":{"source":2,"type":0,"id":203,"x":293,"y":363},"timestamp":1539774757972},{"type":3,"data":{"source":2,"type":2,"id":203,"x":293,"y":363},"timestamp":1539774757972},{"type":3,"data":{"source":5,"text":"y","isChecked":false,"id":203},"timestamp":1539774758877},{"type":3,"data":{"source":5,"text":"ya","isChecked":false,"id":203},"timestamp":1539774758966},{"type":3,"data":{"source":5,"text":"yan","isChecked":false,"id":203},"timestamp":1539774759091},{"type":3,"data":{"source":5,"text":"yanz","isChecked":false,"id":203},"timestamp":1539774759222},{"type":3,"data":{"source":5,"text":"yanzh","isChecked":false,"id":203},"timestamp":1539774759318},{"type":3,"data":{"source":5,"text":"yanzhe","isChecked":false,"id":203},"timestamp":1539774759412},{"type":3,"data":{"source":5,"text":"yanzhen","isChecked":false,"id":203},"timestamp":1539774759522},{"type":3,"data":{"source":5,"text":"yanzhen@","isChecked":false,"id":203},"timestamp":1539774760043},{"type":3,"data":{"source":5,"text":"yanzhen@smartx.com","isChecked":false,"id":203},"timestamp":1539774760767},{"type":3,"data":{"source":1,"positions":[{"x":315,"y":364,"timeOffset":0}]},"timestamp":1539774761476},{"type":3,"data":{"source":1,"positions":[{"x":346,"y":366,"timeOffset":-469},{"x":342,"y":391,"timeOffset":-434},{"x":323,"y":422,"timeOffset":-401},{"x":318,"y":435,"timeOffset":-369},{"x":312,"y":443,"timeOffset":-336},{"x":308,"y":445,"timeOffset":-301},{"x":304,"y":448,"timeOffset":-252},{"x":302,"y":449,"timeOffset":-118},{"x":300,"y":451,"timeOffset":-85},{"x":300,"y":452,"timeOffset":-19}]},"timestamp":1539774761977},{"type":3,"data":{"source":2,"type":1,"id":214,"x":300,"y":452},"timestamp":1539774762010},{"type":3,"data":{"source":2,"type":6,"id":203},"timestamp":1539774762011},{"type":3,"data":{"source":2,"type":5,"id":214},"timestamp":1539774762012},{"type":3,"data":{"source":2,"type":0,"id":214,"x":300,"y":452},"timestamp":1539774762129},{"type":3,"data":{"source":2,"type":2,"id":214,"x":300,"y":452},"timestamp":1539774762129},{"type":3,"data":{"source":1,"positions":[{"x":300,"y":451,"timeOffset":0}]},"timestamp":1539774762509},{"type":3,"data":{"source":1,"positions":[{"x":302,"y":445,"timeOffset":-470},{"x":298,"y":445,"timeOffset":-369},{"x":291,"y":459,"timeOffset":-336},{"x":280,"y":514,"timeOffset":-269},{"x":280,"y":566,"timeOffset":-236},{"x":271,"y":572,"timeOffset":-170},{"x":221,"y":516,"timeOffset":-140},{"x":147,"y":458,"timeOffset":-103},{"x":145,"y":455,"timeOffset":-70},{"x":145,"y":452,"timeOffset":-37}]},"timestamp":1539774763011},{"type":3,"data":{"source":1,"positions":[{"x":146,"y":451,"timeOffset":-487},{"x":146,"y":451,"timeOffset":-404},{"x":147,"y":463,"timeOffset":-371},{"x":148,"y":473,"timeOffset":-338}]},"timestamp":1539774763512},{"type":3,"data":{"source":5,"text":"beijing","isChecked":false,"id":214},"timestamp":1539774763528},{"type":3,"data":{"source":1,"positions":[{"x":147,"y":490,"timeOffset":-470},{"x":147,"y":491,"timeOffset":-339},{"x":148,"y":499,"timeOffset":-305},{"x":149,"y":515,"timeOffset":-272},{"x":149,"y":527,"timeOffset":-238},{"x":149,"y":529,"timeOffset":-205},{"x":149,"y":532,"timeOffset":-173},{"x":149,"y":533,"timeOffset":-89},{"x":149,"y":535,"timeOffset":-55},{"x":149,"y":539,"timeOffset":-22}]},"timestamp":1539774764013},{"type":3,"data":{"source":2,"type":1,"id":227,"x":148,"y":544},"timestamp":1539774764073},{"type":3,"data":{"source":2,"type":6,"id":214},"timestamp":1539774764076},{"type":3,"data":{"source":2,"type":5,"id":227},"timestamp":1539774764078},{"type":3,"data":{"source":2,"type":0,"id":227,"x":148,"y":544},"timestamp":1539774764200},{"type":3,"data":{"source":2,"type":2,"id":227,"x":148,"y":544},"timestamp":1539774764200},{"type":3,"data":{"source":1,"positions":[{"x":148,"y":542,"timeOffset":-490},{"x":148,"y":544,"timeOffset":-441},{"x":149,"y":544,"timeOffset":-240},{"x":154,"y":542,"timeOffset":-206},{"x":161,"y":538,"timeOffset":-174},{"x":163,"y":535,"timeOffset":-123}]},"timestamp":1539774764514},{"type":3,"data":{"source":5,"text":"s","isChecked":false,"id":227},"timestamp":1539774765407},{"type":3,"data":{"source":5,"text":"sh","isChecked":false,"id":227},"timestamp":1539774765506},{"type":3,"data":{"source":5,"text":"she","isChecked":false,"id":227},"timestamp":1539774765628},{"type":3,"data":{"source":5,"text":"shen","isChecked":false,"id":227},"timestamp":1539774765722},{"type":3,"data":{"source":5,"text":"shenz","isChecked":false,"id":227},"timestamp":1539774765850},{"type":3,"data":{"source":5,"text":"shenzh","isChecked":false,"id":227},"timestamp":1539774765924},{"type":3,"data":{"source":5,"text":"shenzhn","isChecked":false,"id":227},"timestamp":1539774766130},{"type":3,"data":{"source":5,"text":"shenzh","isChecked":false,"id":227},"timestamp":1539774766706},{"type":3,"data":{"source":5,"text":"shenzhe","isChecked":false,"id":227},"timestamp":1539774766873},{"type":3,"data":{"source":5,"text":"shenzhen","isChecked":false,"id":227},"timestamp":1539774766960},{"type":3,"data":{"source":1,"positions":[{"x":166,"y":532,"timeOffset":0}]},"timestamp":1539774767574},{"type":3,"data":{"source":1,"positions":[{"x":179,"y":526,"timeOffset":-467},{"x":178,"y":526,"timeOffset":-385},{"x":159,"y":531,"timeOffset":-351},{"x":144,"y":537,"timeOffset":-318},{"x":128,"y":539,"timeOffset":-284},{"x":77,"y":546,"timeOffset":-251},{"x":30,"y":555,"timeOffset":-218},{"x":29,"y":556,"timeOffset":-101},{"x":59,"y":552,"timeOffset":-67},{"x":74,"y":549,"timeOffset":-35}]},"timestamp":1539774768074},{"type":3,"data":{"source":2,"type":1,"id":29,"x":74,"y":549},"timestamp":1539774768088},{"type":3,"data":{"source":2,"type":6,"id":227},"timestamp":1539774768091},{"type":3,"data":{"source":2,"type":0,"id":29,"x":74,"y":549},"timestamp":1539774768159},{"type":3,"data":{"source":2,"type":2,"id":29,"x":74,"y":549},"timestamp":1539774768159},{"type":3,"data":{"source":3,"id":1,"x":0,"y":213},"timestamp":1539774768356},{"type":3,"data":{"source":3,"id":1,"x":0,"y":286},"timestamp":1539774768457},{"type":3,"data":{"source":3,"id":1,"x":0,"y":421},"timestamp":1539774768557},{"type":3,"data":{"source":1,"positions":[{"x":75,"y":549,"timeOffset":-273},{"x":78,"y":549,"timeOffset":-171},{"x":85,"y":546,"timeOffset":-137},{"x":96,"y":544,"timeOffset":-105},{"x":116,"y":543,"timeOffset":-71},{"x":135,"y":537,"timeOffset":-38},{"x":155,"y":530,"timeOffset":0}]},"timestamp":1539774768578},{"type":3,"data":{"source":3,"id":1,"x":0,"y":424},"timestamp":1539774768657},{"type":3,"data":{"source":1,"positions":[{"x":210,"y":507,"timeOffset":-472},{"x":278,"y":478,"timeOffset":-439},{"x":321,"y":459,"timeOffset":-406},{"x":347,"y":440,"timeOffset":-372},{"x":367,"y":416,"timeOffset":-339},{"x":378,"y":407,"timeOffset":-305},{"x":384,"y":400,"timeOffset":-272},{"x":386,"y":397,"timeOffset":-239},{"x":386,"y":396,"timeOffset":-189},{"x":385,"y":395,"timeOffset":-155},{"x":369,"y":401,"timeOffset":-122},{"x":341,"y":415,"timeOffset":-89},{"x":326,"y":419,"timeOffset":-55}]},"timestamp":1539774769078},{"type":3,"data":{"source":2,"type":1,"id":237,"x":319,"y":422},"timestamp":1539774769208},{"type":3,"data":{"source":2,"type":5,"id":237},"timestamp":1539774769210},{"type":3,"data":{"source":1,"positions":[{"x":322,"y":420,"timeOffset":-489}]},"timestamp":1539774769578},{"type":3,"data":{"source":5,"text":"United States","isChecked":false,"id":237},"timestamp":1539774769903},{"type":3,"data":{"source":2,"type":0,"id":237,"x":0,"y":0},"timestamp":1539774769903},{"type":3,"data":{"source":2,"type":2,"id":237,"x":0,"y":0},"timestamp":1539774769903},{"type":3,"data":{"source":1,"positions":[{"x":303,"y":458,"timeOffset":-158},{"x":307,"y":457,"timeOffset":-124},{"x":326,"y":450,"timeOffset":-90},{"x":356,"y":437,"timeOffset":-57},{"x":393,"y":425,"timeOffset":-24}]},"timestamp":1539774770080},{"type":3,"data":{"source":2,"type":1,"id":255,"x":451,"y":413},"timestamp":1539774770264},{"type":3,"data":{"source":2,"type":6,"id":237},"timestamp":1539774770265},{"type":3,"data":{"source":2,"type":5,"id":255},"timestamp":1539774770267},{"type":3,"data":{"source":1,"positions":[{"x":415,"y":423,"timeOffset":-492},{"x":424,"y":420,"timeOffset":-458},{"x":436,"y":418,"timeOffset":-425},{"x":447,"y":414,"timeOffset":-391}]},"timestamp":1539774770580},{"type":3,"data":{"source":5,"text":"California","isChecked":false,"id":255},"timestamp":1539774770855},{"type":3,"data":{"source":2,"type":0,"id":255,"x":0,"y":0},"timestamp":1539774770855},{"type":3,"data":{"source":2,"type":2,"id":255,"x":0,"y":0},"timestamp":1539774770855},{"type":3,"data":{"source":1,"positions":[{"x":444,"y":466,"timeOffset":-206},{"x":447,"y":466,"timeOffset":-175},{"x":462,"y":463,"timeOffset":-142},{"x":490,"y":460,"timeOffset":-109},{"x":517,"y":455,"timeOffset":-75},{"x":544,"y":449,"timeOffset":-41},{"x":564,"y":442,"timeOffset":-8}]},"timestamp":1539774771080},{"type":3,"data":{"source":2,"type":1,"id":273,"x":623,"y":417},"timestamp":1539774771320},{"type":3,"data":{"source":2,"type":6,"id":255},"timestamp":1539774771321},{"type":3,"data":{"source":2,"type":5,"id":273},"timestamp":1539774771324},{"type":3,"data":{"source":2,"type":0,"id":273,"x":623,"y":417},"timestamp":1539774771432},{"type":3,"data":{"source":2,"type":2,"id":273,"x":623,"y":417},"timestamp":1539774771432},{"type":3,"data":{"source":1,"positions":[{"x":585,"y":433,"timeOffset":-475},{"x":603,"y":426,"timeOffset":-441},{"x":613,"y":423,"timeOffset":-408},{"x":619,"y":420,"timeOffset":-374},{"x":623,"y":417,"timeOffset":-341}]},"timestamp":1539774771580},{"type":3,"data":{"source":1,"positions":[{"x":627,"y":415,"timeOffset":-458}]},"timestamp":1539774772080},{"type":3,"data":{"source":5,"text":"1","isChecked":false,"id":273},"timestamp":1539774772151},{"type":3,"data":{"source":5,"text":"10","isChecked":false,"id":273},"timestamp":1539774772349},{"type":3,"data":{"source":5,"text":"100","isChecked":false,"id":273},"timestamp":1539774772521},{"type":3,"data":{"source":5,"text":"1000","isChecked":false,"id":273},"timestamp":1539774773008},{"type":3,"data":{"source":5,"text":"10000","isChecked":false,"id":273},"timestamp":1539774773176},{"type":3,"data":{"source":5,"text":"100000","isChecked":false,"id":273},"timestamp":1539774773539},{"type":3,"data":{"source":1,"positions":[{"x":627,"y":415,"timeOffset":0}]},"timestamp":1539774774170},{"type":3,"data":{"source":2,"type":1,"id":286,"x":320,"y":508},"timestamp":1539774774582},{"type":3,"data":{"source":2,"type":6,"id":273},"timestamp":1539774774584},{"type":3,"data":{"source":2,"type":0,"id":286,"x":320,"y":508},"timestamp":1539774774654},{"type":3,"data":{"source":2,"type":2,"id":286,"x":320,"y":508},"timestamp":1539774774654},{"type":3,"data":{"source":2,"type":5,"id":284},"timestamp":1539774774657},{"type":3,"data":{"source":2,"type":2,"id":284,"x":320,"y":508},"timestamp":1539774774657},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":284},"timestamp":1539774774657},{"type":3,"data":{"source":1,"positions":[{"x":617,"y":385,"timeOffset":-464},{"x":552,"y":369,"timeOffset":-432},{"x":473,"y":409,"timeOffset":-398},{"x":414,"y":457,"timeOffset":-365},{"x":392,"y":490,"timeOffset":-331},{"x":385,"y":498,"timeOffset":-299},{"x":362,"y":502,"timeOffset":-265},{"x":332,"y":507,"timeOffset":-232},{"x":320,"y":508,"timeOffset":-199}]},"timestamp":1539774774670},{"type":3,"data":{"source":1,"positions":[{"x":318,"y":509,"timeOffset":-131},{"x":310,"y":511,"timeOffset":-98},{"x":299,"y":518,"timeOffset":-65},{"x":291,"y":523,"timeOffset":-32}]},"timestamp":1539774775169},{"type":3,"data":{"source":2,"type":1,"id":294,"x":286,"y":527},"timestamp":1539774775272},{"type":3,"data":{"source":2,"type":6,"id":284},"timestamp":1539774775273},{"type":3,"data":{"source":2,"type":0,"id":294,"x":286,"y":527},"timestamp":1539774775359},{"type":3,"data":{"source":2,"type":2,"id":294,"x":286,"y":527},"timestamp":1539774775359},{"type":3,"data":{"source":2,"type":5,"id":292},"timestamp":1539774775379},{"type":3,"data":{"source":2,"type":2,"id":292,"x":286,"y":527},"timestamp":1539774775379},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":292},"timestamp":1539774775380},{"type":3,"data":{"source":3,"id":1,"x":0,"y":425},"timestamp":1539774775638},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":526,"timeOffset":-499},{"x":282,"y":529,"timeOffset":-213},{"x":273,"y":540,"timeOffset":-181},{"x":269,"y":547,"timeOffset":-148},{"x":269,"y":549,"timeOffset":-99},{"x":269,"y":553,"timeOffset":-66},{"x":269,"y":555,"timeOffset":-31}]},"timestamp":1539774775669},{"type":3,"data":{"source":3,"id":1,"x":0,"y":499},"timestamp":1539774775738},{"type":3,"data":{"source":3,"id":1,"x":0,"y":652},"timestamp":1539774775838},{"type":3,"data":{"source":3,"id":1,"x":0,"y":689},"timestamp":1539774775938},{"type":3,"data":{"source":1,"positions":[{"x":267,"y":556,"timeOffset":-449},{"x":265,"y":556,"timeOffset":-416},{"x":259,"y":559,"timeOffset":-382},{"x":244,"y":559,"timeOffset":-349},{"x":225,"y":559,"timeOffset":-316},{"x":219,"y":559,"timeOffset":-282},{"x":217,"y":559,"timeOffset":-233},{"x":212,"y":552,"timeOffset":-199},{"x":203,"y":540,"timeOffset":-167},{"x":194,"y":525,"timeOffset":-134},{"x":187,"y":501,"timeOffset":-101},{"x":181,"y":469,"timeOffset":-67},{"x":177,"y":452,"timeOffset":-34}]},"timestamp":1539774776170},{"type":3,"data":{"source":2,"type":1,"id":325,"x":168,"y":419},"timestamp":1539774776495},{"type":3,"data":{"source":2,"type":6,"id":292},"timestamp":1539774776497},{"type":3,"data":{"source":2,"type":0,"id":325,"x":168,"y":419},"timestamp":1539774776590},{"type":3,"data":{"source":2,"type":2,"id":325,"x":168,"y":419},"timestamp":1539774776590},{"type":3,"data":{"source":2,"type":5,"id":323},"timestamp":1539774776594},{"type":3,"data":{"source":2,"type":2,"id":323,"x":168,"y":419},"timestamp":1539774776595},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":323},"timestamp":1539774776596},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":307},"timestamp":1539774776596},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":315},"timestamp":1539774776596},{"type":3,"data":{"source":1,"positions":[{"x":176,"y":449,"timeOffset":-483},{"x":176,"y":447,"timeOffset":-450},{"x":176,"y":441,"timeOffset":-417},{"x":176,"y":430,"timeOffset":-384},{"x":173,"y":425,"timeOffset":-351},{"x":172,"y":424,"timeOffset":-317},{"x":170,"y":422,"timeOffset":-284},{"x":168,"y":419,"timeOffset":-234},{"x":167,"y":418,"timeOffset":-48},{"x":167,"y":408,"timeOffset":-16}]},"timestamp":1539774776670},{"type":3,"data":{"source":2,"type":1,"id":317,"x":166,"y":388},"timestamp":1539774776816},{"type":3,"data":{"source":2,"type":6,"id":323},"timestamp":1539774776818},{"type":3,"data":{"source":2,"type":0,"id":317,"x":166,"y":388},"timestamp":1539774776904},{"type":3,"data":{"source":2,"type":2,"id":317,"x":166,"y":388},"timestamp":1539774776905},{"type":3,"data":{"source":2,"type":5,"id":315},"timestamp":1539774776908},{"type":3,"data":{"source":2,"type":2,"id":315,"x":166,"y":388},"timestamp":1539774776908},{"type":3,"data":{"source":5,"text":"on","isChecked":true,"id":315},"timestamp":1539774776910},{"type":3,"data":{"source":5,"text":"on","isChecked":false,"id":323},"timestamp":1539774776910},{"type":3,"data":{"source":1,"positions":[{"x":167,"y":395,"timeOffset":-483},{"x":166,"y":389,"timeOffset":-450},{"x":168,"y":387,"timeOffset":-183},{"x":179,"y":390,"timeOffset":-151},{"x":208,"y":400,"timeOffset":-116},{"x":236,"y":403,"timeOffset":-84},{"x":267,"y":406,"timeOffset":-52},{"x":284,"y":408,"timeOffset":-19}]},"timestamp":1539774777171},{"type":3,"data":{"source":3,"id":1,"x":0,"y":690},"timestamp":1539774777237},{"type":3,"data":{"source":3,"id":1,"x":0,"y":733},"timestamp":1539774777338},{"type":3,"data":{"source":3,"id":1,"x":0,"y":793},"timestamp":1539774777438},{"type":3,"data":{"source":3,"id":1,"x":0,"y":795},"timestamp":1539774777539},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":408,"timeOffset":-485},{"x":289,"y":409,"timeOffset":-434},{"x":289,"y":413,"timeOffset":-400},{"x":289,"y":416,"timeOffset":-351},{"x":288,"y":417,"timeOffset":-318},{"x":288,"y":417,"timeOffset":-284},{"x":287,"y":418,"timeOffset":-201},{"x":286,"y":418,"timeOffset":-169}]},"timestamp":1539774777671},{"type":3,"data":{"source":3,"id":1,"x":0,"y":796},"timestamp":1539774777869},{"type":3,"data":{"source":3,"id":1,"x":0,"y":836},"timestamp":1539774777970},{"type":3,"data":{"source":3,"id":1,"x":0,"y":972},"timestamp":1539774778071},{"type":3,"data":{"source":1,"positions":[{"x":287,"y":422,"timeOffset":-385},{"x":299,"y":438,"timeOffset":-351},{"x":312,"y":456,"timeOffset":-318},{"x":318,"y":465,"timeOffset":-285},{"x":320,"y":466,"timeOffset":-218},{"x":321,"y":466,"timeOffset":-184}]},"timestamp":1539774778171},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1007},"timestamp":1539774778171},{"type":3,"data":{"source":2,"type":1,"id":390,"x":322,"y":467},"timestamp":1539774778312},{"type":3,"data":{"source":2,"type":6,"id":315},"timestamp":1539774778313},{"type":3,"data":{"source":2,"type":5,"id":390},"timestamp":1539774778315},{"type":3,"data":{"source":2,"type":0,"id":390,"x":322,"y":467},"timestamp":1539774778423},{"type":3,"data":{"source":2,"type":2,"id":390,"x":322,"y":467},"timestamp":1539774778423},{"type":3,"data":{"source":1,"positions":[{"x":322,"y":467,"timeOffset":-486},{"x":324,"y":464,"timeOffset":-136},{"x":331,"y":448,"timeOffset":-103}]},"timestamp":1539774778672},{"type":3,"data":{"source":5,"text":"h","isChecked":false,"id":390},"timestamp":1539774779696},{"type":3,"data":{"source":5,"text":"he","isChecked":false,"id":390},"timestamp":1539774779875},{"type":3,"data":{"source":5,"text":"hel","isChecked":false,"id":390},"timestamp":1539774780010},{"type":3,"data":{"source":5,"text":"hell","isChecked":false,"id":390},"timestamp":1539774780179},{"type":3,"data":{"source":5,"text":"hello","isChecked":false,"id":390},"timestamp":1539774780363},{"type":3,"data":{"source":5,"text":"hello ","isChecked":false,"id":390},"timestamp":1539774780501},{"type":3,"data":{"source":5,"text":"hello w","isChecked":false,"id":390},"timestamp":1539774780690},{"type":3,"data":{"source":5,"text":"hello wo","isChecked":false,"id":390},"timestamp":1539774780810},{"type":3,"data":{"source":5,"text":"hello wor","isChecked":false,"id":390},"timestamp":1539774780914},{"type":3,"data":{"source":5,"text":"hello worl","isChecked":false,"id":390},"timestamp":1539774781245},{"type":3,"data":{"source":5,"text":"hello world","isChecked":false,"id":390},"timestamp":1539774781381},{"type":3,"data":{"source":1,"positions":[{"x":332,"y":448,"timeOffset":0}]},"timestamp":1539774781919},{"type":3,"data":{"source":1,"positions":[{"x":333,"y":457,"timeOffset":-400},{"x":397,"y":511,"timeOffset":-368},{"x":533,"y":567,"timeOffset":-334},{"x":577,"y":603,"timeOffset":-300},{"x":581,"y":605,"timeOffset":-134},{"x":581,"y":599,"timeOffset":-100},{"x":566,"y":592,"timeOffset":-68},{"x":554,"y":586,"timeOffset":-34}]},"timestamp":1539774782419},{"type":3,"data":{"source":1,"positions":[{"x":552,"y":583,"timeOffset":-450},{"x":548,"y":578,"timeOffset":-418},{"x":547,"y":577,"timeOffset":-334},{"x":545,"y":575,"timeOffset":-301},{"x":542,"y":572,"timeOffset":-267},{"x":540,"y":572,"timeOffset":-234},{"x":539,"y":572,"timeOffset":-167},{"x":537,"y":571,"timeOffset":-134},{"x":536,"y":571,"timeOffset":-84},{"x":535,"y":571,"timeOffset":-51},{"x":531,"y":570,"timeOffset":-16}]},"timestamp":1539774782919},{"type":3,"data":{"source":1,"positions":[{"x":530,"y":569,"timeOffset":-483},{"x":528,"y":567,"timeOffset":-233},{"x":527,"y":567,"timeOffset":-201}]},"timestamp":1539774783419},{"type":3,"data":{"source":2,"type":1,"id":390,"x":526,"y":567},"timestamp":1539774783464},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 245px;"}}],"removes":[],"adds":[]},"timestamp":1539774783550},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 244px;"}}],"removes":[],"adds":[]},"timestamp":1539774783567},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 240px;"}}],"removes":[],"adds":[]},"timestamp":1539774783586},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 234px;"}}],"removes":[],"adds":[]},"timestamp":1539774783603},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 228px;"}}],"removes":[],"adds":[]},"timestamp":1539774783618},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 220px;"}}],"removes":[],"adds":[]},"timestamp":1539774783636},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 214px;"}}],"removes":[],"adds":[]},"timestamp":1539774783653},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 206px;"}}],"removes":[],"adds":[]},"timestamp":1539774783669},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 193px;"}}],"removes":[],"adds":[]},"timestamp":1539774783686},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 181px;"}}],"removes":[],"adds":[]},"timestamp":1539774783703},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 170px;"}}],"removes":[],"adds":[]},"timestamp":1539774783719},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 158px;"}}],"removes":[],"adds":[]},"timestamp":1539774783737},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 153px;"}}],"removes":[],"adds":[]},"timestamp":1539774783752},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 151px;"}}],"removes":[],"adds":[]},"timestamp":1539774783770},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 148px;"}}],"removes":[],"adds":[]},"timestamp":1539774783786},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 147px;"}}],"removes":[],"adds":[]},"timestamp":1539774783803},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 146px;"}}],"removes":[],"adds":[]},"timestamp":1539774783868},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 145px;"}}],"removes":[],"adds":[]},"timestamp":1539774783885},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 142px;"}}],"removes":[],"adds":[]},"timestamp":1539774783902},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 138px;"}}],"removes":[],"adds":[]},"timestamp":1539774783919},{"type":3,"data":{"source":1,"positions":[{"x":525,"y":566,"timeOffset":-374},{"x":526,"y":561,"timeOffset":-338},{"x":529,"y":549,"timeOffset":-306},{"x":529,"y":535,"timeOffset":-272},{"x":529,"y":514,"timeOffset":-238},{"x":529,"y":491,"timeOffset":-206},{"x":526,"y":474,"timeOffset":-172},{"x":525,"y":469,"timeOffset":-138},{"x":523,"y":467,"timeOffset":-56},{"x":523,"y":463,"timeOffset":-22}]},"timestamp":1539774783924},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 132px;"}}],"removes":[],"adds":[]},"timestamp":1539774783937},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 126px;"}}],"removes":[],"adds":[]},"timestamp":1539774783952},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 123px;"}}],"removes":[],"adds":[]},"timestamp":1539774783969},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":390,"attributes":{"style":"margin-top: 0px; margin-bottom: 0px; height: 121px;"}}],"removes":[],"adds":[]},"timestamp":1539774783986},{"type":3,"data":{"source":2,"type":0,"id":390,"x":521,"y":442},"timestamp":1539774784166},{"type":3,"data":{"source":2,"type":2,"id":390,"x":521,"y":442},"timestamp":1539774784166},{"type":3,"data":{"source":1,"positions":[{"x":523,"y":453,"timeOffset":-487},{"x":522,"y":444,"timeOffset":-455},{"x":519,"y":443,"timeOffset":-207},{"x":518,"y":447,"timeOffset":-174},{"x":517,"y":458,"timeOffset":-141},{"x":513,"y":476,"timeOffset":-107},{"x":506,"y":490,"timeOffset":-74},{"x":503,"y":496,"timeOffset":-40},{"x":501,"y":500,"timeOffset":-6}]},"timestamp":1539774784424},{"type":3,"data":{"source":2,"type":1,"id":395,"x":491,"y":518},"timestamp":1539774784656},{"type":3,"data":{"source":2,"type":6,"id":390},"timestamp":1539774784660},{"type":3,"data":{"source":2,"type":5,"id":395},"timestamp":1539774784662},{"type":3,"data":{"source":2,"type":0,"id":395,"x":491,"y":518},"timestamp":1539774784743},{"type":3,"data":{"source":2,"type":2,"id":395,"x":491,"y":518},"timestamp":1539774784743},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":149,"attributes":{"class":"needs-validation was-validated"}}],"removes":[],"adds":[]},"timestamp":1539774784747},{"type":3,"data":{"source":1,"positions":[{"x":500,"y":503,"timeOffset":-475},{"x":497,"y":507,"timeOffset":-441},{"x":493,"y":511,"timeOffset":-406},{"x":492,"y":514,"timeOffset":-357},{"x":491,"y":518,"timeOffset":-324}]},"timestamp":1539774784925},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1006},"timestamp":1539774785383},{"type":3,"data":{"source":1,"positions":[{"x":492,"y":519,"timeOffset":-425},{"x":502,"y":516,"timeOffset":-392},{"x":518,"y":515,"timeOffset":-357},{"x":541,"y":511,"timeOffset":-325},{"x":570,"y":506,"timeOffset":-291},{"x":612,"y":494,"timeOffset":-259},{"x":638,"y":489,"timeOffset":-225},{"x":648,"y":485,"timeOffset":-193},{"x":652,"y":484,"timeOffset":-159}]},"timestamp":1539774785425},{"type":3,"data":{"source":3,"id":1,"x":0,"y":914},"timestamp":1539774785483},{"type":3,"data":{"source":3,"id":1,"x":0,"y":649},"timestamp":1539774785584},{"type":3,"data":{"source":3,"id":1,"x":0,"y":618},"timestamp":1539774785684},{"type":3,"data":{"source":3,"id":1,"x":0,"y":375},"timestamp":1539774785784},{"type":3,"data":{"source":3,"id":1,"x":0,"y":265},"timestamp":1539774785885},{"type":3,"data":{"source":1,"positions":[{"x":653,"y":483,"timeOffset":-476},{"x":656,"y":482,"timeOffset":-359},{"x":662,"y":489,"timeOffset":-325},{"x":661,"y":488,"timeOffset":-207},{"x":660,"y":487,"timeOffset":-26}]},"timestamp":1539774785926},{"type":3,"data":{"source":3,"id":1,"x":0,"y":264},"timestamp":1539774786032},{"type":3,"data":{"source":3,"id":1,"x":0,"y":231},"timestamp":1539774786132},{"type":3,"data":{"source":3,"id":1,"x":0,"y":52},"timestamp":1539774786232},{"type":3,"data":{"source":3,"id":1,"x":0,"y":0},"timestamp":1539774786331},{"type":3,"data":{"source":1,"positions":[{"x":661,"y":489,"timeOffset":-292},{"x":656,"y":485,"timeOffset":-259}]},"timestamp":1539774786426},{"type":3,"data":{"source":3,"id":1,"x":0,"y":1},"timestamp":1539774787283},{"type":3,"data":{"source":3,"id":1,"x":0,"y":43},"timestamp":1539774787384},{"type":3,"data":{"source":3,"id":1,"x":0,"y":103},"timestamp":1539774787484},{"type":3,"data":{"source":1,"positions":[{"x":656,"y":489,"timeOffset":0}]},"timestamp":1539774787582},{"type":3,"data":{"source":3,"id":1,"x":0,"y":106},"timestamp":1539774787584},{"type":3,"data":{"source":1,"positions":[{"x":675,"y":503,"timeOffset":-466},{"x":699,"y":517,"timeOffset":-434},{"x":718,"y":532,"timeOffset":-400},{"x":729,"y":547,"timeOffset":-367},{"x":745,"y":569,"timeOffset":-334},{"x":758,"y":585,"timeOffset":-300},{"x":760,"y":588,"timeOffset":-267},{"x":761,"y":589,"timeOffset":-167},{"x":763,"y":594,"timeOffset":-16}]},"timestamp":1539774788082},{"type":3,"data":{"source":2,"type":1,"id":133,"x":766,"y":603},"timestamp":1539774788159},{"type":3,"data":{"source":2,"type":6,"id":395},"timestamp":1539774788160},{"type":3,"data":{"source":2,"type":5,"id":133},"timestamp":1539774788162},{"type":3,"data":{"source":2,"type":0,"id":133,"x":766,"y":603},"timestamp":1539774788279},{"type":3,"data":{"source":2,"type":2,"id":133,"x":766,"y":603},"timestamp":1539774788279},{"type":3,"data":{"source":1,"positions":[{"x":766,"y":602,"timeOffset":-483},{"x":771,"y":598,"timeOffset":-201}]},"timestamp":1539774788582},{"type":3,"data":{"source":5,"text":"c","isChecked":false,"id":133},"timestamp":1539774788860},{"type":3,"data":{"source":5,"text":"co","isChecked":false,"id":133},"timestamp":1539774789178},{"type":3,"data":{"source":5,"text":"cod","isChecked":false,"id":133},"timestamp":1539774789265},{"type":3,"data":{"source":5,"text":"code","isChecked":false,"id":133},"timestamp":1539774789317},{"type":3,"data":{"source":1,"positions":[{"x":778,"y":596,"timeOffset":0}]},"timestamp":1539774790048},{"type":3,"data":{"source":1,"positions":[{"x":797,"y":586,"timeOffset":-466},{"x":825,"y":567,"timeOffset":-433},{"x":868,"y":538,"timeOffset":-399},{"x":922,"y":502,"timeOffset":-366},{"x":967,"y":483,"timeOffset":-332},{"x":994,"y":468,"timeOffset":-300},{"x":998,"y":466,"timeOffset":-233},{"x":1007,"y":464,"timeOffset":-199},{"x":1015,"y":462,"timeOffset":-167},{"x":1021,"y":462,"timeOffset":-133},{"x":1032,"y":460,"timeOffset":-99},{"x":1039,"y":459,"timeOffset":-65},{"x":1042,"y":457,"timeOffset":-33},{"x":1045,"y":457,"timeOffset":0}]},"timestamp":1539774790548},{"type":3,"data":{"source":1,"positions":[{"x":1047,"y":457,"timeOffset":-466},{"x":1050,"y":455,"timeOffset":-332},{"x":1051,"y":454,"timeOffset":-282},{"x":1052,"y":453,"timeOffset":-217},{"x":1060,"y":449,"timeOffset":-182},{"x":1077,"y":443,"timeOffset":-150},{"x":1101,"y":429,"timeOffset":-116},{"x":1130,"y":414,"timeOffset":-82}]},"timestamp":1539774791048},{"type":3,"data":{"source":2,"type":6,"id":133},"timestamp":1539774791137}];
-
-const app = new App({
-  target: document.body,
-  data: {
-    events,
-  },
-});
-
-export default app;

From cbe23963a0e2ea4fe167f201186f780174140167 Mon Sep 17 00:00:00 2001
From: yz-yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 117/345] add the HACK_CSS flag to bypass css parsing (#16)

---
 src/rebuild.ts       | 23 ++++++++++++++++-------
 typings/rebuild.d.ts |  4 ++--
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index a0baf2aa..c5d5885f 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -58,7 +58,7 @@ function getTagName(n: elementNode): string {
 
 const HOVER_SELECTOR = /([^\\]):hover/g;
 export function addHoverClass(cssText: string): string {
-  const ast = parse(cssText, {silent: true});
+  const ast = parse(cssText, { silent: true });
   if (!ast.stylesheet) {
     return cssText;
   }
@@ -75,7 +75,11 @@ export function addHoverClass(cssText: string): string {
   return cssText;
 }
 
-function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
+function buildNode(
+  n: serializedNodeWithId,
+  doc: Document,
+  HACK_CSS: boolean,
+): Node | null {
   switch (n.type) {
     case NodeType.Document:
       return doc.implementation.createDocument(null, '', null);
@@ -101,7 +105,7 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
           const isTextarea = tagName === 'textarea' && name === 'value';
           const isRemoteOrDynamicCss =
             tagName === 'style' && name === '_cssText';
-          if (isRemoteOrDynamicCss) {
+          if (isRemoteOrDynamicCss && HACK_CSS) {
             value = addHoverClass(value);
           }
           if (isTextarea || isRemoteOrDynamicCss) {
@@ -141,7 +145,7 @@ function buildNode(n: serializedNodeWithId, doc: Document): Node | null {
       return node;
     case NodeType.Text:
       return doc.createTextNode(
-        n.isStyle ? addHoverClass(n.textContent) : n.textContent,
+        n.isStyle && HACK_CSS ? addHoverClass(n.textContent) : n.textContent,
       );
     case NodeType.CDATA:
       return doc.createCDATASection(n.textContent);
@@ -157,8 +161,9 @@ export function buildNodeWithSN(
   doc: Document,
   map: idNodeMap,
   skipChild = false,
+  HACK_CSS = true,
 ): INode | null {
-  let node = buildNode(n, doc);
+  let node = buildNode(n, doc, HACK_CSS);
   if (!node) {
     return null;
   }
@@ -177,7 +182,7 @@ export function buildNodeWithSN(
     !skipChild
   ) {
     for (const childN of n.childNodes) {
-      const childNode = buildNodeWithSN(childN, doc, map);
+      const childNode = buildNodeWithSN(childN, doc, map, false, HACK_CSS);
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
@@ -191,9 +196,13 @@ export function buildNodeWithSN(
 function rebuild(
   n: serializedNodeWithId,
   doc: Document,
+  /**
+   * This is not a public API yet, just for POC
+   */
+  HACK_CSS: boolean = true,
 ): [Node | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
-  return [buildNodeWithSN(n, doc, idNodeMap), idNodeMap];
+  return [buildNodeWithSN(n, doc, idNodeMap, false, HACK_CSS), idNodeMap];
 }
 
 export default rebuild;
diff --git a/typings/rebuild.d.ts b/typings/rebuild.d.ts
index 99c76da5..5ea522d8 100644
--- a/typings/rebuild.d.ts
+++ b/typings/rebuild.d.ts
@@ -1,5 +1,5 @@
 import { serializedNodeWithId, idNodeMap, INode } from './types';
 export declare function addHoverClass(cssText: string): string;
-export declare function buildNodeWithSN(n: serializedNodeWithId, doc: Document, map: idNodeMap, skipChild?: boolean): INode | null;
-declare function rebuild(n: serializedNodeWithId, doc: Document): [Node | null, idNodeMap];
+export declare function buildNodeWithSN(n: serializedNodeWithId, doc: Document, map: idNodeMap, skipChild?: boolean, HACK_CSS?: boolean): INode | null;
+declare function rebuild(n: serializedNodeWithId, doc: Document, HACK_CSS?: boolean): [Node | null, idNodeMap];
 export default rebuild;

From 0e4f6649e4225e8c372ddd2c343df896b34f47da Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 118/345] bundle player as an component

---
 .eslintrc.json    |  5 +++--
 .gitignore        |  2 ++
 package.json      | 24 ++++++++++++++++++++++--
 public/index.html | 23 +++++++++++++++++------
 rollup.config.js  | 20 +++++++++++---------
 5 files changed, 55 insertions(+), 19 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index b066720d..263f8d87 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,13 +1,14 @@
 {
   "extends": "google",
   "parserOptions": {
-    "ecmaVersion": 7,
+    "ecmaVersion": 8,
     "sourceType": "module"
   },
   "rules": {
     "require-jsdoc": "off",
     "arrow-parens": "off",
-    "object-curly-spacing": "off"
+    "object-curly-spacing": "off",
+    "indent": "off"
   },
   "plugins": ["html"]
 }
diff --git a/.gitignore b/.gitignore
index 7be014c5..33f3a2b4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,5 @@ yarn.lock
 
 .vscode
 temp
+
+dist
diff --git a/package.json b/package.json
index c3d94cf6..cdf5d8cc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "devDependencies": {
     "eslint": "^5.7.0",
     "eslint-config-google": "^0.11.0",
@@ -19,9 +19,29 @@
   },
   "scripts": {
     "build": "rollup -c",
+    "prepublishOnly": "npm run build",
     "autobuild": "rollup -c -w",
     "dev": "run-p start:dev autobuild",
     "start": "sirv public",
     "start:dev": "sirv public --dev"
-  }
+  },
+  "description": "rrweb's replayer UI",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb-player.git"
+  },
+  "keywords": [
+    "rrweb"
+  ],
+  "author": "yanzhen@smartx.com",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb-player/issues"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb-player#readme"
 }
diff --git a/public/index.html b/public/index.html
index 6bb5adc0..cf5165fb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,16 +1,27 @@
 <!doctype html>
 <html>
+
 <head>
-	<meta charset='utf8'>
-	<meta name='viewport' content='width=device-width'>
+  <meta charset='utf8'>
+  <meta name='viewport' content='width=device-width'>
 
-	<title>Svelte app</title>
+  <title>dev panel</title>
 
-	<link rel='stylesheet' href='global.css'>
-	<link rel='stylesheet' href='bundle.css'>
+  <link rel='stylesheet' href='./global.css'>
+  <link rel="stylesheet" href="./bundle.css">
 </head>
 
 <body>
-	<script src='bundle.js'></script>
+  <script src="./bundle.js"></script>
+  <script src="./bundle.events.js"></script>
+  <script>
+    const player = new rrwebPlayer({
+      target: document.body,
+      data: {
+        events,
+      },
+    });
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/rollup.config.js b/rollup.config.js
index e48c8da1..85fe0bfe 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -2,19 +2,20 @@ import svelte from 'rollup-plugin-svelte';
 import resolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
+import pkg from './package.json';
 
 const production = !process.env.ROLLUP_WATCH;
 
-export default {
-  input: 'src/main.js',
-  output: {
-    sourcemap: true,
-    format: 'iife',
-    name: 'app',
-    file: 'public/bundle.js',
-  },
+export default [
+  { file: pkg.module, format: 'es' },
+  { file: pkg.main, format: 'iife', name: 'rrwebPlayer' },
+  { file: 'public/bundle.js', format: 'iife', name: 'rrwebPlayer' },
+].map(output => ({
+  input: 'src/Player.html',
+  output,
   plugins: [
     svelte({
+      cascade: false,
       // opt in to v3 behaviour today
       skipIntroByDefault: true,
       nestedTransitions: true,
@@ -24,6 +25,7 @@ export default {
       // we'll extract any component CSS out into
       // a separate file — better for performance
       css: css => {
+        css.write('dist/style.css');
         css.write('public/bundle.css');
       },
     }),
@@ -40,4 +42,4 @@ export default {
     // instead of npm run dev), minify
     production && terser(),
   ],
-};
+}));

From f981bacbd28ebf3929182608d55d8da4ab811585 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 119/345] Release 0.7.17

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2a84bd35..839ec32d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.16",
+  "version": "0.7.17",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From ffdddbac0250e6aca768b38ed7e9ea28888e18fb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 120/345] update rrweb and use the resume method with better
 performance

---
 public/index.html   | 22 +++++++++++++++++-----
 src/Controller.html |  6 +++++-
 src/utils.js        |  2 +-
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index cf5165fb..0596bb61 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,12 +15,24 @@
   <script src="./bundle.js"></script>
   <script src="./bundle.events.js"></script>
   <script>
-    const player = new rrwebPlayer({
-      target: document.body,
-      data: {
-        events,
-      },
+    const queryObj = {
+      sessionId: 'e2c7cfe8-d868-4f11-b561-5a969da26334',
+    };
+    let query = '';
+    Object.keys(queryObj).forEach(key => {
+      query += `${key}=${queryObj[key]}&`;
     });
+    fetch(`http://192.168.17.205:9090/api/events?${query}`)
+      .then(res => res.json())
+      .then(data => {
+        // eslint-disable-next-line
+        new rrwebPlayer({
+          target: document.body,
+          data: {
+            events: data.events,
+          },
+        });
+      });
   </script>
 </body>
 
diff --git a/src/Controller.html b/src/Controller.html
index 2ec2bd37..1c55cf26 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -72,7 +72,11 @@
       },
       play() {
         const { replayer, currentTime } = this.get();
-        replayer.play(currentTime);
+        if (currentTime > 0) {
+          replayer.resume(currentTime);
+        } else {
+          replayer.play(currentTime);
+        }
         this.loopTimer();
       },
       pause() {
diff --git a/src/utils.js b/src/utils.js
index b19c4603..22adf05c 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -29,5 +29,5 @@ export function formatTime(ms) {
   if (hour) {
     return `${padZero(hour)}:${padZero(minute)}:${padZero(minute)}`;
   }
-  return `${padZero(hour)}:${padZero(second)}`;
+  return `${padZero(minute)}:${padZero(second)}`;
 }

From 1fc66ffcc5cd110704c1ef97e95d3b48d7563698 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 121/345] fix data url regexp

---
 src/snapshot.ts       | 2 +-
 test/snapshot.test.ts | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 37c97887..5f76994e 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -53,7 +53,7 @@ function extractOrigin(url: string): string {
 
 const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
-const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
+const DATA_URI = /^(data:)([\w\/\+\-]+);(charset=[\w-]+|base64).*,(.*)/i;
 export function absoluteToStylesheet(cssText: string, href: string): string {
   return cssText.replace(URL_IN_CSS_REF, (origin, path1, path2, path3) => {
     const filePath = path1 || path2 || path3;
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index c2f736f9..36d697ce 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -63,6 +63,12 @@ describe('absolute url to stylesheet', () => {
     expect(
       absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),
     ).to.equal('url(data:image/gif;base64,ABC)');
+    expect(
+      absoluteToStylesheet(
+        'url(data:application/font-woff;base64,d09GMgABAAAAAAm)',
+        href,
+      ),
+    ).to.equal('url(data:application/font-woff;base64,d09GMgABAAAAAAm)');
   });
 
   it('can handle empty path', () => {

From 322328d4dbccc9185eb418b9d575f67f84f2529c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 122/345] improve style of the player

---
 src/Controller.html | 48 +++++++++++++++++++++++++++++++++++++--------
 src/Player.html     | 24 +++++++++++++++++------
 2 files changed, 58 insertions(+), 14 deletions(-)

diff --git a/src/Controller.html b/src/Controller.html
index 1c55cf26..ae172c70 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -10,7 +10,17 @@
   </div>
   <div class="rr-controller__btns">
     <button on:click="toggle()">
-      {isPlaying ? 'pause' : 'play'}
+      {#if isPlaying}
+      <svg t="1541411313529" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
+        <path d="M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z"></path>
+      </svg>
+      {:else}
+      <svg t="1541410561137" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
+        <path d="M170.65984 896l0-768 640 384zM644.66944 512l-388.66944-233.32864 0 466.65728z"></path>
+      </svg>
+      {/if}
     </button>
     {#each [1, 2, 4, 8] as s}
     <button class:active="s === speed" on:click="setSpeed(s)">{s}x</button>
@@ -118,12 +128,12 @@
   .rr-controller {
     width: 100%;
     height: 80px;
-    background: rgba(0, 0, 0, .5);
+    background: #fff;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
-    padding: 10px;
+    border-radius: 0 0 5px 5px;
   }
 
   .rr-timeline {
@@ -134,13 +144,13 @@
 
   .rr-timeline__time {
     padding: 0 20px;
-    color: white;
+    color: #11103e;
   }
 
   .rr-progress {
     width: 100%;
     height: 4px;
-    background: white;
+    background: #eee;
     position: relative;
     border-radius: 3px;
   }
@@ -150,7 +160,7 @@
     position: absolute;
     left: 0;
     top: 0;
-    background: orange
+    background: #E0E1FE;
   }
 
   .rr-progress__handler {
@@ -160,10 +170,32 @@
     position: absolute;
     top: 2px;
     transform: translate(-50%, -50%);
-    background: orange;
+    background: rgb(73, 80, 246);
+  }
+
+  .rr-controller__btns {
+    display: flex;
+  }
+
+  .rr-controller__btns button {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+  }
+
+  .rr-controller__btns button:active {
+    background: #E0E1FE;
   }
 
   .rr-controller__btns button.active {
-    color: orange;
+    color: #fff;
+    background: rgb(73, 80, 246);
   }
 </style>
\ No newline at end of file
diff --git a/src/Player.html b/src/Player.html
index 412f2fbf..8a191986 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -33,8 +33,8 @@
     methods: {
       updateScale(el, frameDimension) {
         const { width, height } = this.get();
-        const widthScale = (width - 20) / frameDimension.width;
-        const heightScale = (height - 20) / frameDimension.height;
+        const widthScale = width / frameDimension.width;
+        const heightScale = height / frameDimension.height;
         el.style.transform =
           `scale(${Math.min(widthScale, heightScale, 1)})` +
           'translate(-50%, -50%)';
@@ -60,9 +60,23 @@
 
 <style>
   .rr-player {
+    position: relative;
     background: white;
     float: left;
     clear: both;
+    border-radius: 5px;
+  }
+
+  .rr-player::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
+    mix-blend-mode: multiply;
+    z-index: -1;
   }
 
   .rr-player__frame {
@@ -73,10 +87,8 @@
     float: left;
     clear: both;
     transform-origin: top left;
-    left: calc(50% - 10px);
-    top: calc(50% - 10px);
-    margin: 10px;
-    box-shadow: 0 3px 28px rgba(0, 0, 0, 0.25), 0 1px 10px rgba(0, 0, 0, 0.22);
+    left: 50%;
+    top: 50%;
   }
 
   :global(.replayer-wrapper > iframe) {

From 5ad39369533ec90054d6ec1dc2fe76bf9dfe12b1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 123/345] Release 0.7.18

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 839ec32d..95a0120a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 6c0b1b96bcb42b5db4b40aff358e9e3e23b402be Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 124/345] add rollup postcss plugin and import style from rrweb

---
 package.json     |  1 +
 rollup.config.js |  3 +++
 src/Player.html  | 23 +----------------------
 3 files changed, 5 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index cdf5d8cc..a20bf023 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "rollup": "^0.66.2",
     "rollup-plugin-commonjs": "^9.1.8",
     "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-postcss": "^1.6.3",
     "rollup-plugin-svelte": "^4.3.1",
     "rollup-plugin-terser": "^3.0.0",
     "sirv-cli": "^0.2.2",
diff --git a/rollup.config.js b/rollup.config.js
index 85fe0bfe..b664fcb7 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -2,6 +2,7 @@ import svelte from 'rollup-plugin-svelte';
 import resolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
+import postcss from 'rollup-plugin-postcss';
 import pkg from './package.json';
 
 const production = !process.env.ROLLUP_WATCH;
@@ -38,6 +39,8 @@ export default [
     resolve(),
     commonjs(),
 
+    postcss(),
+
     // If we're building for production (npm run build
     // instead of npm run dev), minify
     production && terser(),
diff --git a/src/Player.html b/src/Player.html
index 8a191986..0252a9ff 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -7,6 +7,7 @@
 
 <script>
   import { Replayer } from 'rrweb';
+  import 'rrweb/dist/rrweb.min.css';
   import { inlineCss } from './utils.js';
 
   export default {
@@ -94,26 +95,4 @@
   :global(.replayer-wrapper > iframe) {
     border: none;
   }
-
-  /* get from rrweb */
-  :global(.replayer-wrapper) {
-    position: relative;
-  }
-
-  :global(.replayer-mouse) {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-  }
-
-  :global(.replayer-mouse::after) {
-    content: '';
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
-    background: thistle;
-    transform: translate(-10px, -10px);
-    opacity: 0.5;
-  }
 </style>
\ No newline at end of file

From a860cf9ed52bd544587d4d998085673abed06358 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 125/345] export add hover class method

---
 src/index.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 5b2b0b9f..2240f589 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,11 @@
 import snapshot, { serializeNodeWithId } from './snapshot';
-import rebuild, { buildNodeWithSN } from './rebuild';
+import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
 
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN };
+export {
+  snapshot,
+  serializeNodeWithId,
+  rebuild,
+  buildNodeWithSN,
+  addHoverClass,
+};

From 91e91fe5e8b04d189b92f21485d8e80004523a80 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 126/345] update rreb and refactor toggle

---
 public/global.css   | 68 ++++++++-------------------------------------
 public/index.html   | 66 +++++++++++++++++++++----------------------
 src/Controller.html | 61 +++++++++++++++++++++++++++++++---------
 src/utils.js        |  2 +-
 4 files changed, 92 insertions(+), 105 deletions(-)

diff --git a/public/global.css b/public/global.css
index 9d682a39..9b30ce94 100644
--- a/public/global.css
+++ b/public/global.css
@@ -1,61 +1,15 @@
-html, body {
-	position: relative;
-	width: 100%;
-	height: 100%;
+html,
+body {
+  position: relative;
+  width: 100%;
+  height: 100%;
 }
 
 body {
-	color: #333;
-	margin: 0;
-	padding: 8px;
-	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  margin: 0;
+  padding: 28px;
+  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  box-sizing: border-box;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
 }
-
-a {
-	color: rgb(0,100,200);
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: underline;
-}
-
-a:visited {
-	color: rgb(0,80,160);
-}
-
-label {
-	display: block;
-}
-
-input, button, select, textarea {
-	font-family: inherit;
-	font-size: inherit;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-	box-sizing: border-box;
-	border: 1px solid #ccc;
-	border-radius: 2px;
-}
-
-input:disabled {
-	color: #ccc;
-}
-
-input[type="range"] {
-	height: 0;
-}
-
-button {
-	background-color: #f4f4f4;
-	outline: none;
-}
-
-button:active {
-	background-color: #ddd;
-}
-
-button:focus {
-	border-color: #666;
-}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 0596bb61..c5cf42de 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,39 +1,37 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
+  <head>
+    <meta charset="utf8" />
+    <meta name="viewport" content="width=device-width" />
 
-<head>
-  <meta charset='utf8'>
-  <meta name='viewport' content='width=device-width'>
+    <title>dev panel</title>
 
-  <title>dev panel</title>
+    <link rel="stylesheet" href="./global.css" />
+    <link rel="stylesheet" href="./bundle.css" />
+  </head>
 
-  <link rel='stylesheet' href='./global.css'>
-  <link rel="stylesheet" href="./bundle.css">
-</head>
-
-<body>
-  <script src="./bundle.js"></script>
-  <script src="./bundle.events.js"></script>
-  <script>
-    const queryObj = {
-      sessionId: 'e2c7cfe8-d868-4f11-b561-5a969da26334',
-    };
-    let query = '';
-    Object.keys(queryObj).forEach(key => {
-      query += `${key}=${queryObj[key]}&`;
-    });
-    fetch(`http://192.168.17.205:9090/api/events?${query}`)
-      .then(res => res.json())
-      .then(data => {
-        // eslint-disable-next-line
-        new rrwebPlayer({
-          target: document.body,
-          data: {
-            events: data.events,
-          },
-        });
+  <body>
+    <script src="./bundle.js"></script>
+    <script src="./bundle.events.js"></script>
+    <script>
+      const queryObj = {
+        sessionId: '8874be03-bf8f-411e-862a-64ea7f950026',
+      };
+      let query = '';
+      Object.keys(queryObj).forEach(key => {
+        query += `${key}=${queryObj[key]}&`;
       });
-  </script>
-</body>
-
-</html>
\ No newline at end of file
+      fetch(`http://192.168.17.205:9090/api/events?${query}`)
+        .then(res => res.json())
+        .then(data => {
+          // eslint-disable-next-line
+          new rrwebPlayer({
+            target: document.body,
+            data: {
+              events: data.events,
+            },
+          });
+        });
+    </script>
+  </body>
+</html>
diff --git a/src/Controller.html b/src/Controller.html
index ae172c70..df6f5fcc 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -4,21 +4,47 @@
     <span class="rr-timeline__time">{formatTime(currentTime)}</span>
     <div class="rr-progress">
       <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
-      <div class="rr-progress__handler" ref:handler style="left: {percentage}"></div>
+      <div
+        class="rr-progress__handler"
+        ref:handler
+        style="left: {percentage}"
+      ></div>
     </div>
     <span class="rr-timeline__time">{formatTime(meta.totalTime)}</span>
   </div>
   <div class="rr-controller__btns">
     <button on:click="toggle()">
       {#if isPlaying}
-      <svg t="1541411313529" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
-        <path d="M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z"></path>
+      <svg
+        t="1541411313529"
+        class="icon"
+        style=""
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="16"
+        height="16"
+      >
+        <path
+          d="M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z"
+        ></path>
       </svg>
       {:else}
-      <svg t="1541410561137" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
-        <path d="M170.65984 896l0-768 640 384zM644.66944 512l-388.66944-233.32864 0 466.65728z"></path>
+      <svg
+        t="1541410561137"
+        class="icon"
+        style=""
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="16"
+        height="16"
+      >
+        <path
+          d="M170.65984 896l0-768 640 384zM644.66944 512l-388.66944-233.32864 0 466.65728z"
+        ></path>
       </svg>
       {/if}
     </button>
@@ -87,7 +113,6 @@
         } else {
           replayer.play(currentTime);
         }
-        this.loopTimer();
       },
       pause() {
         const { replayer } = this.get();
@@ -95,7 +120,6 @@
       },
       toggle() {
         const { isPlaying } = this.get();
-        this.set({ isPlaying: !isPlaying });
         if (isPlaying) {
           this.pause();
         } else {
@@ -113,6 +137,17 @@
         // auto play
         this.set({ isPlaying: true });
         this.play();
+        current.replayer.on('pause', () => {
+          this.set({ isPlaying: false });
+        });
+        current.replayer.on('resume', () => {
+          this.set({ isPlaying: true });
+        });
+      }
+      if (changed.isPlaying) {
+        if (current.isPlaying) {
+          this.loopTimer();
+        }
       }
     },
     ondestroy() {
@@ -139,7 +174,7 @@
   .rr-timeline {
     width: 80%;
     display: flex;
-    align-items: center
+    align-items: center;
   }
 
   .rr-timeline__time {
@@ -160,7 +195,7 @@
     position: absolute;
     left: 0;
     top: 0;
-    background: #E0E1FE;
+    background: #e0e1fe;
   }
 
   .rr-progress__handler {
@@ -191,11 +226,11 @@
   }
 
   .rr-controller__btns button:active {
-    background: #E0E1FE;
+    background: #e0e1fe;
   }
 
   .rr-controller__btns button.active {
     color: #fff;
     background: rgb(73, 80, 246);
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/utils.js b/src/utils.js
index 22adf05c..8b47b558 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -25,7 +25,7 @@ export function formatTime(ms) {
   ms = ms % HOUR;
   const minute = Math.floor(ms / MINUTE);
   ms = ms % MINUTE;
-  const second = Math.floor(ms / SECOND);
+  const second = Math.round(ms / SECOND);
   if (hour) {
     return `${padZero(hour)}:${padZero(minute)}:${padZero(minute)}`;
   }

From 26e1e8748b5f15e8657c6671b36f798a10cb2667 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 127/345] Release 0.7.19

---
 package.json       | 2 +-
 typings/index.d.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 95a0120a..42c61bd6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.18",
+  "version": "0.7.19",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 87f610a3..420b997e 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
 import snapshot, { serializeNodeWithId } from './snapshot';
-import rebuild, { buildNodeWithSN } from './rebuild';
+import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, };

From 7e3e13ffbf817e24c282c33f8b27c556cc74a364 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 128/345] fix auto play

---
 package.json        |  2 +-
 src/Controller.html |  7 +++++--
 src/Player.html     | 12 ------------
 3 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index a20bf023..ea647f9f 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.13.5"
   },
   "dependencies": {
-    "rrweb": "file:../rrweb"
+    "rrweb": "^0.6.5"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index df6f5fcc..3d395ea6 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -111,6 +111,7 @@
         if (currentTime > 0) {
           replayer.resume(currentTime);
         } else {
+          this.set({ isPlaying: true });
           replayer.play(currentTime);
         }
       },
@@ -135,8 +136,10 @@
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
         // auto play
-        this.set({ isPlaying: true });
-        this.play();
+        setTimeout(() => {
+          this.set({ isPlaying: true });
+        }, 0);
+        current.replayer.play(0);
         current.replayer.on('pause', () => {
           this.set({ isPlaying: false });
         });
diff --git a/src/Player.html b/src/Player.html
index 0252a9ff..2c3e0a90 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -64,20 +64,8 @@
     position: relative;
     background: white;
     float: left;
-    clear: both;
     border-radius: 5px;
-  }
-
-  .rr-player::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
     box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
-    mix-blend-mode: multiply;
-    z-index: -1;
   }
 
   .rr-player__frame {

From 1467f97f43d0a82c1781f59fc72fd85065c13eda Mon Sep 17 00:00:00 2001
From: Filip Slatinac <Fslat092@uottawa.ca>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 129/345] Added srcset support (#18)

* added src set as a parsed attribute

* added tests

* changed to /a

* added multiple attribute handling

* added better comment

* made snapshot ignore invalid input as if it is invalid input in the original DOM, it should stay invalid in the recreated DOM

* added extra absolute test case

* code style

* addressed comments
---
 src/snapshot.ts                        | 31 ++++++++++++++++++++++++++
 test/__snapshots__/integration.ts.snap |  5 ++++-
 test/html/with-relative-res.html       |  3 +++
 test/snapshot.test.ts                  |  2 +-
 4 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 5f76994e..1ebb8709 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -85,7 +85,36 @@ export function absoluteToStylesheet(cssText: string, href: string): string {
   });
 }
 
+function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
+  if(attributeValue.trim() === "") {
+    return attributeValue
+  }
+
+  const srcsetValues = attributeValue.split(",")
+  // srcset attributes is defined as such:
+  // srcset = "url size,url1 size1"
+  const resultingSrcsetString = srcsetValues.map((srcItem) => {
+       // removing all but middle spaces
+       const trimmedSrcItem = srcItem.trimLeft().trimRight()
+       const urlAndSize = trimmedSrcItem.split(" ")
+       // this means we have both 0:url and 1:size
+       if (urlAndSize.length === 2) {
+         const absUrl = absoluteToDoc(doc, urlAndSize[0])
+         return `${absUrl} ${urlAndSize[1]}`
+       } else if(urlAndSize.length === 1){
+         const absUrl = absoluteToDoc(doc, urlAndSize[0])
+         return `${absUrl}`
+       }
+       return ""
+  }).join(',')
+
+  return resultingSrcsetString
+}
+
 function absoluteToDoc(doc: Document, attributeValue: string): string {
+  if (attributeValue.trim() === ""){
+    return attributeValue
+  }
   const a: HTMLAnchorElement = doc.createElement('a');
   a.href = attributeValue;
   return a.href;
@@ -132,6 +161,8 @@ function serializeNode(
         // relative path in attribute
         if (name === 'src' || name === 'href') {
           attributes[name] = absoluteToDoc(doc, value);
+        } else if (name == 'srcset') {
+          attributes[name] = getAbsoluteSrcsetString(doc, value)
         } else if (name === 'style') {
           attributes[name] = absoluteToStylesheet(value, location.href);
         } else {
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 2ee77d42..3a38ee10 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -181,7 +181,10 @@ exports[`[html file]: with-relative-res.html 1`] = `
 </head>
 <body>
   <a href=\\"http://localhost:3030/basic.html\\"></a>
-  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" /></body></html>"
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" />
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg\\" />
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://exmple.com/a.jpg\\" />
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg 3x,http://localhost:3030/a.jpg 45x,http://localhost:3030/b.png\\" /></body></html>"
 `;
 
 exports[`[html file]: with-script.html 1`] = `
diff --git a/test/html/with-relative-res.html b/test/html/with-relative-res.html
index 9e75f035..f8cd16dc 100644
--- a/test/html/with-relative-res.html
+++ b/test/html/with-relative-res.html
@@ -9,5 +9,8 @@
 <body>
   <a href="./basic.html"></a>
   <img src="./a.jpg" alt="" srcset="">
+  <img src="./a.jpg" alt="" srcset="/a.jpg">
+  <img src="./a.jpg" alt="" srcset="http://exmple.com/a.jpg ">
+  <img src="./a.jpg" alt="" srcset="/a.jpg 3x, /a.jpg 45x , /b.png">
 </body>
 </html>
\ No newline at end of file
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 36d697ce..9c58dca7 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -5,7 +5,7 @@ import { absoluteToStylesheet } from '../src/snapshot';
 describe('absolute url to stylesheet', () => {
   const href = 'http://localhost/css/style.css';
 
-  it('cam handle relative path', () => {
+  it('can handle relative path', () => {
     expect(absoluteToStylesheet('url(a.jpg)', href)).to.equal(
       `url('http://localhost/css/a.jpg')`,
     );

From 3f1794b8808af3f1d18b8ad3be8e3857301ce866 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 130/345] fix autoplay check

---
 src/Controller.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Controller.html b/src/Controller.html
index 3d395ea6..b2030625 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -87,6 +87,7 @@
         function update(step) {
           let { currentTime, meta, isPlaying, speed } = self.get();
           if (!isPlaying) {
+            self.timer = null;
             return;
           }
 
@@ -100,11 +101,12 @@
           if (currentTime < meta.totalTime) {
             requestAnimationFrame(update);
           } else {
+            self.timer = null;
             self.set({ isPlaying: false, currentTime: 0 });
           }
         }
 
-        requestAnimationFrame(update);
+        this.timer = requestAnimationFrame(update);
       },
       play() {
         const { replayer, currentTime } = this.get();
@@ -148,7 +150,7 @@
         });
       }
       if (changed.isPlaying) {
-        if (current.isPlaying) {
+        if (current.isPlaying && !this.timer) {
           this.loopTimer();
         }
       }

From 3a08be5594a79846a041006b6779051d6a4f2d36 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 131/345] Release 0.7.20

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 42c61bd6..32b8da8a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.19",
+  "version": "0.7.20",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 272fc2adbba61150f7ec013fa23aab852a31bd4d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 132/345] add release-it config file and publish to npm

---
 .release-it.json | 4 ++++
 package.json     | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 .release-it.json

diff --git a/.release-it.json b/.release-it.json
new file mode 100644
index 00000000..1c32fadb
--- /dev/null
+++ b/.release-it.json
@@ -0,0 +1,4 @@
+{
+  "non-interactive": true,
+  "buildCommand": "npm run build"
+}
diff --git a/package.json b/package.json
index ea647f9f..571ade1e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "devDependencies": {
     "eslint": "^5.7.0",
     "eslint-config-google": "^0.11.0",

From 5c214f42b85d8fa7e76c71b6b51f84265fef63ba Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 133/345] add picture tag test

---
 test/__snapshots__/integration.ts.snap | 9 +++++++++
 test/html/picture.html                 | 8 ++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 test/html/picture.html

diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 3a38ee10..e5b4fc73 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -172,6 +172,15 @@ exports[`[html file]: invalid-attribute.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: picture.html 1`] = `
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body>
+    <picture>
+      <source type=\\"image/webp\\" srcset=\\"http://localhost:3030/assets/img/characters/robot.webp\\" />
+      <img src=\\"http://localhost:3030/assets/img/characters/robot.png\\" />
+    </picture>
+  </body></html>"
+`;
+
 exports[`[html file]: with-relative-res.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/picture.html b/test/html/picture.html
new file mode 100644
index 00000000..27d83686
--- /dev/null
+++ b/test/html/picture.html
@@ -0,0 +1,8 @@
+<html>
+  <body>
+    <picture>
+      <source type="image/webp" srcset="assets/img/characters/robot.webp" />
+      <img src="assets/img/characters/robot.png" />
+    </picture>
+  </body>
+</html>

From 7b855694e51af73fe6647d52d28238946bd64faa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 134/345] Release 0.3.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 571ade1e..409114c9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "devDependencies": {
     "eslint": "^5.7.0",
     "eslint-config-google": "^0.11.0",

From 94d64e34245c1201e3fd2973e76aeaedf940f4d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=BA=B7?= <wu.zekang@outlook.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 135/345] Add canvas image content support (#20)

* Add canvas image content support

* use rr_dataURL as the key so we know its a rrweb-added attribute.

* fix canvas rr_dataURL rebuild
---
 src/rebuild.ts  | 28 ++++++++++++++++++++--------
 src/snapshot.ts |  4 ++++
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index c5d5885f..ba614144 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -98,10 +98,13 @@ function buildNode(
         node = doc.createElement(tagName);
       }
       for (const name in n.attributes) {
+        if (!n.attributes.hasOwnProperty(name)) {
+          continue
+        }
+        let value = n.attributes[name];
+        value = typeof value === 'boolean' ? '' : value;
         // attribute names start with rr_ are internal attributes added by rrweb
-        if (n.attributes.hasOwnProperty(name) && !name.startsWith('rr_')) {
-          let value = n.attributes[name];
-          value = typeof value === 'boolean' ? '' : value;
+        if (!name.startsWith('rr_')) {
           const isTextarea = tagName === 'textarea' && name === 'value';
           const isRemoteOrDynamicCss =
             tagName === 'style' && name === '_cssText';
@@ -133,12 +136,21 @@ function buildNode(
           }
         } else {
           // handle internal attributes
-          if (n.attributes.rr_width) {
-            (node as HTMLElement).style.width = n.attributes.rr_width as string;
+          if (tagName === 'canvas' && name === 'rr_dataURL') {
+            const image = document.createElement('img')
+            image.src = value
+            image.onload = () => {
+              const ctx = (node as HTMLCanvasElement).getContext('2d')
+              if (ctx) {
+                ctx.drawImage(image, 0, 0, image.width, image.height)
+              }
+            }
           }
-          if (n.attributes.rr_height) {
-            (node as HTMLElement).style.height = n.attributes
-              .rr_height as string;
+          if (name === 'rr_width') {
+            (node as HTMLElement).style.width = value;
+          }
+          if (name === 'rr_height') {
+            (node as HTMLElement).style.height = value;
           }
         }
       }
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 1ebb8709..74126f54 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -224,6 +224,10 @@ function serializeNode(
           attributes.selected = (n as HTMLOptionElement).selected;
         }
       }
+      // canvas image data
+      if (tagName === 'canvas') {
+        attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL()
+      }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
         attributes.rr_width = `${width}px`;

From af856a64faf6bd48944cbb5f3d88d0a23d1ccf53 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 136/345] add events js to repo for develop usage

---
 public/events.js  |  2 ++
 public/index.html | 25 +++++++------------------
 2 files changed, 9 insertions(+), 18 deletions(-)
 create mode 100644 public/events.js

diff --git a/public/events.js b/public/events.js
new file mode 100644
index 00000000..1ba14b58
--- /dev/null
+++ b/public/events.js
@@ -0,0 +1,2 @@
+// prettier-ignore
+const events = [{"type":4,"data":{"href":"https://demoit.app/e/react#ReactHooks.js","width":1166,"height":705},"timestamp":1544756766750,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":2,"tagName":"html","attributes":{"lang":"en","class":"gr__demoit_app"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":5},{"type":2,"tagName":"meta","attributes":{"charset":"UTF-8"},"childNodes":[],"id":6},{"type":3,"textContent":"\n  ","id":7},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"demoit","id":9}],"id":8},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"link","attributes":{"_cssText":"@font-face { font-family: \"Fira Mono\"; font-style: normal; font-weight: 400; src: local(\"Fira Mono Regular\"), local(\"FiraMono-Regular\"), url('https://demoit.app/static/demoit/font/FiraMono.woff2') format(\"woff2\"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }.CodeMirror { font-family: \"PT Mono\", monospace; height: 300px; color: black; direction: ltr; }.CodeMirror-lines { padding: 4px 0px; }.CodeMirror pre { padding: 0px 4px; }.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; }.CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background-color: rgb(247, 247, 247); white-space: nowrap; }.CodeMirror-linenumber { padding: 0px 3px 0px 5px; min-width: 20px; text-align: right; color: rgb(153, 153, 153); white-space: nowrap; }.CodeMirror-guttermarker { color: black; }.CodeMirror-guttermarker-subtle { color: rgb(153, 153, 153); }.CodeMirror-cursor { border-left: 1px solid black; border-right: 0px; width: 0px; }.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }.cm-fat-cursor .CodeMirror-cursor { width: auto; background: rgb(119, 238, 119); border: 0px !important; }.cm-fat-cursor div.CodeMirror-cursors { z-index: 1; }.cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); animation: blink 1.06s steps(1, end) 0s infinite normal none running; }.cm-animate-fat-cursor { width: auto; border: 0px; animation: blink 1.06s steps(1, end) 0s infinite normal none running; background-color: rgb(119, 238, 119); }@-webkit-keyframes blink { \n  50% { background-color: transparent; }\n}@keyframes blink { \n  50% { background-color: transparent; }\n}.cm-tab { display: inline-block; text-decoration: inherit; }.CodeMirror-rulers { position: absolute; left: 0px; right: 0px; top: -50px; bottom: -20px; overflow: hidden; }.CodeMirror-ruler { border-left: 1px solid rgb(204, 204, 204); top: 0px; bottom: 0px; position: absolute; }.cm-s-default .cm-header { color: blue; }.cm-s-default .cm-quote { color: rgb(0, 153, 0); }.cm-negative { color: rgb(221, 68, 68); }.cm-positive { color: rgb(34, 153, 34); }.cm-header, .cm-strong { font-weight: bold; }.cm-em { font-style: italic; }.cm-link { text-decoration: underline; }.cm-strikethrough { text-decoration: line-through; }.cm-s-default .cm-keyword { color: rgb(119, 0, 136); }.cm-s-default .cm-atom { color: rgb(34, 17, 153); }.cm-s-default .cm-number { color: rgb(17, 102, 68); }.cm-s-default .cm-def { color: rgb(0, 0, 255); }.cm-s-default .cm-variable-2 { color: rgb(0, 85, 170); }.cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: rgb(0, 136, 85); }.cm-s-default .cm-comment { color: rgb(170, 85, 0); }.cm-s-default .cm-string { color: rgb(170, 17, 17); }.cm-s-default .cm-string-2 { color: rgb(255, 85, 0); }.cm-s-default .cm-meta { color: rgb(85, 85, 85); }.cm-s-default .cm-qualifier { color: rgb(85, 85, 85); }.cm-s-default .cm-builtin { color: rgb(51, 0, 170); }.cm-s-default .cm-bracket { color: rgb(153, 153, 119); }.cm-s-default .cm-tag { color: rgb(17, 119, 0); }.cm-s-default .cm-attribute { color: rgb(0, 0, 204); }.cm-s-default .cm-hr { color: rgb(153, 153, 153); }.cm-s-default .cm-link { color: rgb(0, 0, 204); }.cm-s-default .cm-error { color: red; }.cm-invalidchar { color: red; }.CodeMirror-composing { border-bottom: 2px solid; }div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 187, 0); }div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(170, 34, 34); }.CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); }.CodeMirror-activeline-background { background: rgb(232, 242, 255); }.CodeMirror { position: relative; overflow: hidden; background: white; }.CodeMirror-scroll { margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: 0px; position: relative; overflow: scroll !important; }.CodeMirror-sizer { position: relative; border-right: 30px solid transparent; }.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden scroll; }.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: scroll hidden; }.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; min-height: 100%; z-index: 3; }.CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; }.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; }.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }.CodeMirror-gutter-wrapper ::selection { background-color: transparent; }.CodeMirror-lines { cursor: text; min-height: 1px; }.CodeMirror pre { border-radius: 0px; border-width: 0px; background: transparent; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual; }.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }.CodeMirror-linebackground { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 0; }.CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; }.CodeMirror-rtl pre { direction: rtl; }.CodeMirror-code { outline: 0px; }.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; }.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }.CodeMirror-cursor { position: absolute; pointer-events: none; }.CodeMirror-measure pre { position: static; }div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }div.CodeMirror-dragcursors { visibility: visible; }.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }.CodeMirror-selected { background: rgb(217, 217, 217); }.CodeMirror-focused .CodeMirror-selected { background: rgb(215, 212, 240); }.CodeMirror-crosshair { cursor: crosshair; }.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: rgb(215, 212, 240); }.cm-searching { background-color: rgba(255, 255, 0, 0.4); }.cm-force-border { padding-right: 0.1px; }@media print {\n  .CodeMirror div.CodeMirror-cursors { visibility: hidden; }\n}.cm-tab-wrap-hack::after { content: \"\"; }span.CodeMirror-selectedtext { background: 0px center; }html { box-sizing: border-box; width: 100%; height: 100%; }*, ::before, ::after { box-sizing: inherit; }body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: \"Fira Mono\", monospace; font-size: 14px; line-height: 14px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); }.right { float: right; }svg { fill: currentcolor; }.centered { height: 100%; display: flex; align-items: center; justify-content: center; }.mt1 { margin-top: 1em !important; }.app { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8000; }.app.dark { background: rgb(32, 48, 58); color: rgb(254, 254, 254); }.app .layout { height: calc(100% - 8px); transition: height 200ms ease-out 0s; }.gutter.gutter-horizontal { cursor: ew-resize; float: left; height: 100%; background: rgb(234, 234, 234); }.gutter.gutter-vertical { cursor: ns-resize; width: 100%; background: rgb(234, 234, 234); }.dark .gutter.gutter-horizontal, .dark .gutter.gutter-vertical { background: rgb(46, 65, 76); }.editor-section { vertical-align: top; height: 100%; }.CodeMirror { height: 100%; transition: opacity 300ms ease 0s; opacity: 1; }.CodeMirror-lines { padding: 1em; }.CodeMirror-selected { background-color: rgb(255, 255, 255) !important; }.output { padding: 1em; position: relative; overflow: auto; }.console { position: relative; overflow: auto; }.console p { margin: 0px; padding: 0.5em; white-space: pre-wrap; }.js-code-editor { height: 100%; width: 100%; overflow: auto; line-height: 1.3em; float: left; z-index: 90; }.status-bar { width: 100%; height: 8px; background: rgb(204, 204, 204); cursor: pointer; transition: height 200ms ease-out 0s; overflow: hidden; }.dark .status-bar { background: rgb(0, 0, 0); }.status-bar > div { display: none; }.status-bar a { display: inline-block; color: rgb(0, 0, 0); text-decoration: none; padding: 8px; cursor: pointer; }.dark .status-bar a { color: rgb(165, 165, 165); }.status-bar a:hover { color: rgb(76, 0, 0); }.dark .status-bar a:hover { color: rgb(123, 109, 109); }.status-bar a.active { font-weight: bold; }.status-bar a svg { transform: translateY(3px); }.popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8100; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); transition: opacity 200ms ease 0s, width 200ms ease-out 0s; opacity: 0; }.popup section { position: absolute; min-width: 600px; max-width: 90%; max-height: 90%; overflow-y: auto; padding: 1em; background: rgb(46, 46, 46); border-radius: 0.2em; box-shadow: rgb(0, 0, 0) 0px 0px 5px 3px; top: 50%; left: 50%; transform: translate(-50%, -50%); }.popup section.multiple-pages { padding: 0px; }.popup .close { background: 0px center; color: rgb(255, 255, 255); border: 0px; position: absolute; top: 0.4em; right: 0.5em; cursor: pointer; outline: 0px; }.popup .close:hover { color: rgb(153, 153, 153); background: 0px center; }.popup .multiple-pages .close { top: 4px; right: 0px; }.popup p { margin: 0px 0px 1em; padding: 0px; line-height: 1.2em; }.popup h1 { padding: 0px; margin: 1em 0px; }.popup h2 { padding: 0px; margin: 0px 0px 1em; }.popup button { padding: 0.6em 1em; background: 0px center; cursor: pointer; border-radius: 4px; border: 2px solid rgb(82, 82, 82); color: rgb(255, 255, 255); outline: 0px; display: inline-block; text-transform: uppercase; font-weight: bold; }.popup button:hover { background: rgb(49, 49, 49); }.popup .right { float: right; }.popup .secondary span { display: inline-block; transform: translateY(-5px); margin-left: 7px; }.popup hr { margin: 1em 0px; border-color: rgb(49, 49, 49); }.popup input, .popup textarea { width: 100%; border: 1px solid rgb(82, 82, 82); padding: 0.6em; display: block; border-radius: 4px; outline: 0px; margin-bottom: 1em; }.popup textarea { height: 162px; }.popup a { color: inherit; }.popup a:hover { text-decoration: none; }.popup .sub-nav { list-style: none; margin: 0px; padding: 0px; background: rgb(64, 64, 64); }.popup .sub-nav li { display: inline-block; margin: 0px; padding: 0px; background: rgb(64, 64, 64); }.popup .sub-nav li a { display: block; text-decoration: none; padding: 1em; text-transform: uppercase; border-right: 1px solid rgb(14, 14, 14); }.popup .sub-nav li a:hover { color: rgb(153, 153, 153); }.popup .sub-nav li.active { background: rgb(46, 46, 46); }.popup .content { padding: 1em; }@keyframes bubble { \n  0% { transform: scale(0.5); }\n  50% { transform: scale(1.2); }\n  100% { transform: scale(0.5); }\n}.spinner { width: 20px; height: 20px; background: rgb(0, 0, 0); border-radius: 10px; animation: bubble 1s ease 0s infinite normal none running; }.cm-s-light.CodeMirror { background: rgb(255, 255, 255); color: rgb(36, 41, 46); }.cm-s-light .CodeMirror-gutters { background: rgb(255, 255, 255); border-right-width: 0px; }.cm-s-light .CodeMirror-guttermarker { color: white; }.cm-s-light .CodeMirror-guttermarker-subtle { color: rgb(208, 208, 208); }.cm-s-light .CodeMirror-linenumber { color: rgb(149, 157, 165); padding: 0px 16px; }.cm-s-light .CodeMirror-cursor { border-left: 1px solid rgb(36, 41, 46); }.cm-s-light .CodeMirror-activeline-background { background: rgb(250, 251, 252); }.cm-s-light .CodeMirror-matchingbracket { text-decoration: underline; color: rgb(36, 41, 46) !important; }.cm-s-light .CodeMirror-lines { font-family: inherit; font-size: inherit; background: rgb(255, 255, 255); line-height: 1.5; }.cm-s-light .cm-comment { color: rgb(106, 115, 125); }.cm-s-light .cm-constant { color: rgb(0, 92, 197); }.cm-s-light .cm-entity { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(111, 66, 193); }.cm-s-light .cm-keyword { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(215, 58, 73); }.cm-s-light .cm-storage { color: rgb(215, 58, 73); }.cm-s-light .cm-string { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(3, 148, 30); }.cm-s-light .cm-support { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(0, 92, 197); }.cm-s-light .cm-variable { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(227, 98, 9); }.cm-s-light .cm-tag { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(13, 110, 171); }.cm-s-light .cm-string-2 { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(3, 148, 30); }.CodeMirror-selectedtext { color: rgb(0, 0, 0) !important; background: rgb(209, 216, 224) !important; }.cm-s-dark.CodeMirror { background: rgb(32, 48, 58); color: rgb(243, 243, 243); }.cm-s-dark .CodeMirror-gutters { background: rgb(32, 48, 58); border-right-width: 0px; }.cm-s-dark .CodeMirror-guttermarker { color: black; }.cm-s-dark .CodeMirror-guttermarker-subtle { color: rgb(208, 208, 208); }.cm-s-dark .CodeMirror-linenumber { color: rgb(149, 157, 165); padding: 0px 16px; }.cm-s-dark .CodeMirror-cursor { border-left: 1px solid rgb(243, 243, 243); }.cm-s-dark .CodeMirror-activeline-background { background: rgb(58, 58, 58); }.cm-s-dark .CodeMirror-matchingbracket { text-decoration: underline; color: rgb(255, 255, 255) !important; }.cm-s-dark .CodeMirror-lines { font-family: inherit; font-size: inherit; background: rgb(32, 48, 58); line-height: 1.5; }.cm-s-dark .cm-comment { color: rgb(106, 115, 125); }.cm-s-dark .cm-constant { color: rgb(0, 92, 197); }.cm-s-dark .cm-entity { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(111, 66, 193); }.cm-s-dark .cm-keyword { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(178, 194, 226); }.cm-s-dark .cm-storage { color: rgb(178, 194, 226); }.cm-s-dark .cm-string { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(142, 175, 134); }.cm-s-dark .cm-support { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(0, 92, 197); }.cm-s-dark .cm-variable { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(222, 183, 156); }.cm-s-dark .cm-def { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(222, 183, 156); }.cm-s-dark .cm-tag { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(175, 191, 230); }.cm-s-dark .cm-string-2 { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(142, 175, 134); }.CodeMirror-selectedtext { color: rgb(0, 0, 0) !important; background: rgb(209, 216, 224) !important; }"},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"link","attributes":{"rel":"shortcut icon","type":"image/png","href":"https://demoit.app/e/img/demoit_64x64.png"},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"},"childNodes":[],"id":15},{"type":3,"textContent":"\n","id":16}],"id":4},{"type":3,"textContent":"\n","id":17},{"type":2,"tagName":"body","attributes":{"data-gr-c-s-loaded":"true"},"childNodes":[{"type":3,"textContent":"\n  ","id":19},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-output"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":21}],"id":20},{"type":3,"textContent":"\n\n  ","id":22},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-console"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":24}],"id":23},{"type":3,"textContent":"\n\n  ","id":25},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-editor"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":27}],"id":26},{"type":3,"textContent":"\n\n  ","id":28},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-code-preview"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":30}],"id":29},{"type":3,"textContent":"\n\n  ","id":31},{"type":2,"tagName":"div","attributes":{"class":"app light"},"childNodes":[{"type":3,"textContent":"\n    ","id":33},{"type":2,"tagName":"div","attributes":{"class":"status-bar","style":"height: 36px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[{"type":3,"textContent":"ReactHooks.js","id":37}],"id":36},{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":40}],"isSVG":true,"id":39}],"id":38},{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":43}],"isSVG":true,"id":42}],"id":41},{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":46}],"isSVG":true,"id":45}],"id":44}],"id":35}],"id":34},{"type":3,"textContent":"\n    ","id":47},{"type":2,"tagName":"div","attributes":{"class":"layout","style":"height: calc(100% - 36px); filter: none;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"editor-section editor","style":"height: calc(70% - 1px);"},"childNodes":[{"type":3,"textContent":"\n      ","id":50},{"type":2,"tagName":"div","attributes":{"class":"js-code-editor"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror cm-s-light CodeMirror-focused"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 140px; left: 363px;"},"childNodes":[{"type":2,"tagName":"textarea","attributes":{"autocorrect":"off","autocapitalize":"off","spellcheck":"false","style":"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;","tabindex":"0"},"childNodes":[],"id":54}],"id":53},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-vscrollbar","tabindex":"-1","cm-not-content":"true","style":"bottom: 0px; display: block;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"min-width: 1px; height: 679px;"},"childNodes":[],"id":56}],"id":55},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-hscrollbar","tabindex":"-1","cm-not-content":"true"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"height: 100%; min-height: 1px; width: 0px;"},"childNodes":[],"id":58}],"id":57},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-scrollbar-filler","cm-not-content":"true"},"childNodes":[],"id":59},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-gutter-filler","cm-not-content":"true"},"childNodes":[],"id":60},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-scroll","tabindex":"-1"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-sizer","style":"margin-left: 0px; margin-bottom: -15px; border-right-width: 15px; min-height: 679px; min-width: 773.828px; padding-right: 15px; padding-bottom: 0px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"position: relative; top: 0px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-lines","role":"presentation"},"childNodes":[{"type":2,"tagName":"div","attributes":{"role":"presentation","style":"position: relative; outline: none;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-measure"},"childNodes":[],"id":66},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-measure"},"childNodes":[],"id":67},{"type":2,"tagName":"div","attributes":{"style":"position: relative; z-index: 1;"},"childNodes":[],"id":68},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursors","style":"visibility: hidden;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 349px; top: 273px; height: 21px;"},"childNodes":[{"type":3,"textContent":" ","id":71}],"id":70}],"id":69},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-code","role":"presentation","style":""},"childNodes":[{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"const","id":76}],"id":75},{"type":3,"textContent":" ","id":77},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"base","id":79}],"id":78},{"type":3,"textContent":" ","id":80},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":82}],"id":81},{"type":3,"textContent":" ","id":83},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Date","id":85}],"id":84},{"type":3,"textContent":".","id":86},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"now","id":88}],"id":87},{"type":3,"textContent":"()","id":89}],"id":74}],"id":73},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":93}],"id":92}],"id":91}],"id":90},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"class","id":97}],"id":96},{"type":3,"textContent":" ","id":98},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"App","id":100}],"id":99},{"type":3,"textContent":" ","id":101},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"extends","id":103}],"id":102},{"type":3,"textContent":" ","id":104},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"React","id":106}],"id":105},{"type":3,"textContent":".","id":107},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"Component","id":109}],"id":108},{"type":3,"textContent":" {","id":110}],"id":95}],"id":94},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":113},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"constructor","id":115}],"id":114},{"type":3,"textContent":"(","id":116},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"props","id":118}],"id":117},{"type":3,"textContent":") {","id":119}],"id":112}],"id":111},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":122},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"super","id":124}],"id":123},{"type":3,"textContent":"(","id":125},{"type":2,"tagName":"span","attributes":{"class":"cm-variable-2"},"childNodes":[{"type":3,"textContent":"props","id":127}],"id":126},{"type":3,"textContent":");","id":128}],"id":121}],"id":120},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":131},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":133}],"id":132},{"type":3,"textContent":".","id":134},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"state","id":136}],"id":135},{"type":3,"textContent":" ","id":137},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":139}],"id":138},{"type":3,"textContent":" {","id":140}],"id":130}],"id":129},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":143},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"count","id":145}],"id":144},{"type":3,"textContent":": ","id":146},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"0","id":148}],"id":147},{"type":3,"textContent":",","id":149}],"id":142}],"id":141},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":152},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"time","id":154}],"id":153},{"type":3,"textContent":": ","id":155},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"base","id":157}],"id":156},{"type":3,"textContent":",","id":158}],"id":151}],"id":150},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    };","id":161}],"id":160}],"id":159},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":164}],"id":163}],"id":162},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":167}],"id":166}],"id":165},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":170},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"componentDidMount","id":172}],"id":171},{"type":3,"textContent":"() {","id":173}],"id":169}],"id":168},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":176},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"setInterval","id":178}],"id":177},{"type":3,"textContent":"(() ","id":179},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=>","id":181}],"id":180},{"type":3,"textContent":" {","id":182}],"id":175}],"id":174},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":185},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":187}],"id":186},{"type":3,"textContent":".","id":188},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"setState","id":190}],"id":189},{"type":3,"textContent":"({ ","id":191},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"time","id":193}],"id":192},{"type":3,"textContent":": ","id":194},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Date","id":196}],"id":195},{"type":3,"textContent":".","id":197},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"now","id":199}],"id":198},{"type":3,"textContent":"() })","id":200}],"id":184}],"id":183},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    }, ","id":203},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1000","id":205}],"id":204},{"type":3,"textContent":");","id":206}],"id":202}],"id":201},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":209}],"id":208}],"id":207},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":212}],"id":211}],"id":210},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":215},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"render","id":217}],"id":216},{"type":3,"textContent":"() {","id":218}],"id":214}],"id":213},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":221},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"const","id":223}],"id":222},{"type":3,"textContent":" { ","id":224},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"count","id":226}],"id":225},{"type":3,"textContent":", ","id":227},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"time","id":229}],"id":228},{"type":3,"textContent":" } ","id":230},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":232}],"id":231},{"type":3,"textContent":" ","id":233},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":235}],"id":234},{"type":3,"textContent":".","id":236},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"state","id":238}],"id":237},{"type":3,"textContent":";","id":239}],"id":220}],"id":219},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":242},{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[{"type":3,"textContent":"  ","id":244}],"id":243},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"return","id":246}],"id":245},{"type":3,"textContent":" (","id":247}],"id":241}],"id":240},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":250},{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[{"type":3,"textContent":"  ","id":252}],"id":251},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":254}],"id":253},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"section","id":256}],"id":255},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":258}],"id":257}],"id":249}],"id":248},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":261},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":263}],"id":262},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":265}],"id":264},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":267}],"id":266},{"type":3,"textContent":"Time {","id":268},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Math","id":270}],"id":269},{"type":3,"textContent":".","id":271},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"round","id":273}],"id":272},{"type":3,"textContent":"((","id":274},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"time","id":276}],"id":275},{"type":3,"textContent":" ","id":277},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"-","id":279}],"id":278},{"type":3,"textContent":" ","id":280},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"base","id":282}],"id":281},{"type":3,"textContent":") ","id":283},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"/","id":285}],"id":284},{"type":3,"textContent":" ","id":286},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1000","id":288}],"id":287},{"type":3,"textContent":")}","id":289},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":291}],"id":290},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":293}],"id":292},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":295}],"id":294}],"id":260}],"id":259},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":298},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":300}],"id":299},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":302}],"id":301},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":304}],"id":303},{"type":3,"textContent":"Counter {","id":305},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"count","id":307}],"id":306},{"type":3,"textContent":"}","id":308},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":310}],"id":309},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":312}],"id":311},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":314}],"id":313}],"id":297}],"id":296},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":317},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":319}],"id":318},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"button","id":321}],"id":320},{"type":3,"textContent":" ","id":322},{"type":2,"tagName":"span","attributes":{"class":"cm-attribute"},"childNodes":[{"type":3,"textContent":"onClick","id":324}],"id":323},{"type":3,"textContent":"={() ","id":325},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=>","id":327}],"id":326},{"type":3,"textContent":" ","id":328},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":330}],"id":329},{"type":3,"textContent":".","id":331},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"setState","id":333}],"id":332},{"type":3,"textContent":"({ ","id":334},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"count","id":336}],"id":335},{"type":3,"textContent":": ","id":337},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"count","id":339}],"id":338},{"type":3,"textContent":" ","id":340},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"+","id":342}],"id":341},{"type":3,"textContent":" ","id":343},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1","id":345}],"id":344},{"type":3,"textContent":" })}","id":346},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":348}],"id":347},{"type":3,"textContent":"click to count","id":349},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":351}],"id":350},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"button","id":353}],"id":352},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":355}],"id":354}],"id":316}],"id":315},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":358},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":360}],"id":359},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"section","id":362}],"id":361},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":364}],"id":363}],"id":357}],"id":356},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    )","id":367}],"id":366}],"id":365},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":370}],"id":369}],"id":368},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"}","id":373}],"id":372}],"id":371},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":377}],"id":376}],"id":375}],"id":374},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"ReactDOM","id":381}],"id":380},{"type":3,"textContent":".","id":382},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"render","id":384}],"id":383},{"type":3,"textContent":"(","id":385},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":387}],"id":386},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"App","id":389}],"id":388},{"type":3,"textContent":" ","id":390},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"/>","id":392}],"id":391},{"type":3,"textContent":", ","id":393},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"document","id":395}],"id":394},{"type":3,"textContent":".","id":396},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"querySelector","id":398}],"id":397},{"type":3,"textContent":"(","id":399},{"type":2,"tagName":"span","attributes":{"class":"cm-string"},"childNodes":[{"type":3,"textContent":"'.output'","id":401}],"id":400},{"type":3,"textContent":"));","id":402}],"id":379}],"id":378},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":406}],"id":405}],"id":404}],"id":403}],"id":72}],"id":65}],"id":64}],"id":63}],"id":62},{"type":2,"tagName":"div","attributes":{"style":"position: absolute; height: 15px; width: 1px; border-bottom: 0px solid transparent; top: 679px;"},"childNodes":[],"id":407},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-gutters","style":"display: none; height: 694px;"},"childNodes":[],"id":408}],"id":61}],"id":52}],"id":51},{"type":3,"textContent":"\n    ","id":409}],"id":49},{"type":2,"tagName":"div","attributes":{"class":"gutter gutter-vertical","style":"height: 2px;"},"childNodes":[],"id":410},{"type":2,"tagName":"div","attributes":{"class":"editor-section","style":"height: calc(30% - 1px);"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"editor-section output","id":"output","style":"float: left; width: calc(50% - 1px);"},"childNodes":[{"type":2,"tagName":"section","attributes":{},"childNodes":[{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"Time ","id":415},{"type":3,"textContent":"0","id":416}],"id":414},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"Counter ","id":418},{"type":3,"textContent":"0","id":419}],"id":417},{"type":2,"tagName":"button","attributes":{},"childNodes":[{"type":3,"textContent":"click to count","id":421}],"id":420}],"id":413}],"id":412},{"type":2,"tagName":"div","attributes":{"class":"gutter gutter-horizontal","style":"width: 2px;"},"childNodes":[],"id":422},{"type":2,"tagName":"div","attributes":{"class":"editor-section console","style":"float: left; width: calc(50% - 1px);"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"console.log(...)","id":426}],"id":425}],"id":424}],"id":423}],"id":411}],"id":48},{"type":3,"textContent":"\n  ","id":427}],"id":32},{"type":3,"textContent":"\n\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/static/demoit/demoit.js"},"childNodes":[],"id":432},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/editor.js"},"childNodes":[],"id":433},{"type":3,"textContent":"\n\n\n","id":434},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/react-16.7.0-alpha.0.js"},"childNodes":[],"id":435},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/react-dom.16.7.0-alpha.0.js"},"childNodes":[],"id":436}],"id":18}],"id":3}],"id":1},"initialOffset":{"left":0,"top":0}},"timestamp":1544756766761,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756767101,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":1158,"y":93,"id":55,"timeOffset":-1}]},"timestamp":1544756767119,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"1"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756767141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":1019,"y":171,"id":174,"timeOffset":-469},{"x":934,"y":230,"id":207,"timeOffset":-435},{"x":921,"y":239,"id":210,"timeOffset":-403},{"x":926,"y":238,"id":207,"timeOffset":-377}]},"timestamp":1544756767620,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756767631,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":918,"y":241,"id":210,"timeOffset":-280},{"x":896,"y":248,"id":210,"timeOffset":-255},{"x":848,"y":257,"id":210,"timeOffset":-223},{"x":806,"y":260,"id":213,"timeOffset":-190},{"x":764,"y":264,"id":213,"timeOffset":-156},{"x":757,"y":268,"id":213,"timeOffset":-122}]},"timestamp":1544756768122,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"2"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756768141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756768161,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":213,"x":757,"y":268},"timestamp":1544756768297,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 224px; left: 119px;"}}],"removes":[{"parentId":69,"id":70}],"adds":[{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 105px; top: 357px; height: 21px;"},"childNodes":[],"id":437}},{"parentId":437,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":438}}]},"timestamp":1544756768304,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":213,"x":757,"y":268},"timestamp":1544756768475,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":213,"x":757,"y":268},"timestamp":1544756768475,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756768830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"3"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756769142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756769361,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756769890,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"4"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756770142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756770420,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756770951,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"5"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756771141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756771480,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756772010,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"6"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756772141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756772540,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756773070,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"7"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756773142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756773601,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756774131,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"8"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756774141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756774660,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"9"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756775142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756775190,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756775720,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"10"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756776142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756776250,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756776781,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"11"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756777141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756777311,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756777841,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"12"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756778142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756778371,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756778900,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"13"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756779141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756779430,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756779960,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"14"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756780141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756780490,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756781020,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"15"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756781140,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756781550,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756782081,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"16"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756782142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756782610,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"17"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756783141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756783142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756783670,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"18"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756784142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756784200,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756784730,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"19"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756785141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756785260,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756785791,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"20"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756786141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756786321,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756786851,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"21"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756787142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756787380,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756787911,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"22"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756788141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756788440,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756788970,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"23"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756789142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756789500,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756790031,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"24"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756790142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756790561,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756791090,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"25"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756791141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756791621,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"26"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756792142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756792151,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756792680,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"27"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756793142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756793211,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756793740,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"28"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756794141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756794270,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756794800,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"29"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756795141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756795331,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756795860,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"30"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756796142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756796390,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756796921,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"31"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756797142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756797450,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756797980,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"32"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756798142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756798510,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756799041,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"33"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756799142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756799570,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756800100,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"34"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756800142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756800631,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"35"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756801142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756801161,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756801691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"36"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756802142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756802221,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756802750,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"37"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756803142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756803280,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756803810,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"38"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756804142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756804340,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756804871,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"39"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756805141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756805400,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756805930,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"40"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756806142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756806460,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756806990,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"41"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756807142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756807520,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756808051,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"42"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756808142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756808580,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756809110,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"43"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756809142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756809640,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"44"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756810141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756810170,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756810701,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"45"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756811141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":750,"y":268,"id":213,"timeOffset":0}]},"timestamp":1544756811187,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756811230,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":720,"y":274,"id":213,"timeOffset":-472},{"x":682,"y":281,"id":219,"timeOffset":-438},{"x":621,"y":284,"id":219,"timeOffset":-405},{"x":576,"y":288,"id":219,"timeOffset":-371},{"x":529,"y":305,"id":240,"timeOffset":-338},{"x":506,"y":327,"id":248,"timeOffset":-305},{"x":492,"y":345,"id":259,"timeOffset":-271},{"x":490,"y":356,"id":292,"timeOffset":-238},{"x":501,"y":374,"id":296,"timeOffset":-205}]},"timestamp":1544756811689,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756811760,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"46"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756812141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":505,"y":396,"id":338,"timeOffset":-337},{"x":505,"y":427,"id":356,"timeOffset":-306},{"x":511,"y":453,"id":368,"timeOffset":-273},{"x":520,"y":491,"id":374,"timeOffset":-240},{"x":526,"y":513,"id":412,"timeOffset":-205},{"x":536,"y":548,"id":413,"timeOffset":-173},{"x":540,"y":575,"id":412,"timeOffset":-139},{"x":539,"y":592,"id":412,"timeOffset":-107},{"x":536,"y":596,"id":412,"timeOffset":-73},{"x":533,"y":600,"id":412,"timeOffset":-38},{"x":527,"y":607,"id":412,"timeOffset":-6}]},"timestamp":1544756812190,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756812290,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":522,"y":612,"id":412,"timeOffset":-474},{"x":517,"y":618,"id":412,"timeOffset":-441},{"x":516,"y":618,"id":412,"timeOffset":-346}]},"timestamp":1544756812691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756812821,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"47"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756813142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":507,"y":610,"id":412,"timeOffset":-131},{"x":487,"y":594,"id":412,"timeOffset":-107},{"x":440,"y":546,"id":417,"timeOffset":-74},{"x":412,"y":519,"id":414,"timeOffset":-40},{"x":394,"y":492,"id":374,"timeOffset":-7}]},"timestamp":1544756813191,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756813350,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":368,"x":387,"y":463},"timestamp":1544756813496,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 413px; left: 43px;"}},{"id":69,"attributes":{"style":""}}],"removes":[{"parentId":69,"id":437}],"adds":[{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 29px; top: 546px; height: 21px;"},"childNodes":[],"id":439}},{"parentId":439,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":440}}]},"timestamp":1544756813505,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":368,"x":387,"y":463},"timestamp":1544756813674,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":368,"x":387,"y":463},"timestamp":1544756813674,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":390,"y":475,"id":371,"timeOffset":-474}]},"timestamp":1544756813691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756814033,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"48"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756814141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756814562,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":120},"timestamp":1544756814684,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":0},"timestamp":1544756814785,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756815093,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"49"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756815142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":9},"timestamp":1544756815340,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":163},"timestamp":1544756815441,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":212},"timestamp":1544756815541,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756815623,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"50"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756816142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756816153,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756816683,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"51"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756817142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756817213,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756817743,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"52"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756818141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756818274,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":384,"y":449,"id":397,"timeOffset":0}]},"timestamp":1544756818391,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":166},"timestamp":1544756818797,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756818804,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":379,"y":407,"id":371,"timeOffset":-476},{"x":375,"y":322,"id":315,"timeOffset":-443},{"x":379,"y":294,"id":260,"timeOffset":-410}]},"timestamp":1544756818891,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":7},"timestamp":1544756818897,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":0},"timestamp":1544756818998,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"53"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756819142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":19},"timestamp":1544756819298,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756819333,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":212},"timestamp":1544756819398,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756819863,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"54"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756820142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756820393,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756820923,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"55"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756821141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756821454,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756821983,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"56"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756822141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756822513,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756823043,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"57"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756823142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756823573,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756824103,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"58"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756824141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756824633,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"59"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756825141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756825163,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756825693,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"60"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756826142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756826223,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756826753,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"61"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756827142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756827283,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756827813,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"62"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756828142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756828343,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756828873,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"63"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756829141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756829403,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756829932,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"64"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756830142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756830463,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756830993,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"65"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756831144,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756831522,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756832054,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"66"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756832142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756832583,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756833114,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"67"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756833142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756833643,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"68"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756834141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756834173,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756834703,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"69"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756835142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756835233,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756835763,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"70"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756836142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756836293,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":364,"y":238,"id":240,"timeOffset":0}]},"timestamp":1544756836504,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756836823,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":339,"y":167,"id":207,"timeOffset":-478},{"x":289,"y":47,"id":162,"timeOffset":-445},{"x":255,"y":11,"id":35,"timeOffset":-412},{"x":243,"y":24,"id":35,"timeOffset":-379},{"x":235,"y":45,"id":162,"timeOffset":-346},{"x":229,"y":52,"id":165,"timeOffset":-312},{"x":226,"y":53,"id":165,"timeOffset":-279},{"x":217,"y":56,"id":165,"timeOffset":-245},{"x":189,"y":60,"id":165,"timeOffset":-212},{"x":159,"y":56,"id":165,"timeOffset":-179},{"x":127,"y":41,"id":162,"timeOffset":-145},{"x":102,"y":25,"id":36,"timeOffset":-112},{"x":102,"y":24,"id":36,"timeOffset":-38},{"x":103,"y":24,"id":36,"timeOffset":-9}]},"timestamp":1544756837004,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"71"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756837142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756837353,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":103,"y":23,"id":36,"timeOffset":-470},{"x":104,"y":23,"id":36,"timeOffset":-413},{"x":104,"y":23,"id":36,"timeOffset":-379},{"x":104,"y":23,"id":36,"timeOffset":-345},{"x":105,"y":23,"id":36,"timeOffset":-306}]},"timestamp":1544756837504,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":36,"x":105,"y":23},"timestamp":1544756837538,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":54},"timestamp":1544756837539,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":52,"attributes":{"class":"CodeMirror cm-s-light"}}],"removes":[],"adds":[]},"timestamp":1544756837540,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":5,"id":36},"timestamp":1544756837542,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":36,"x":105,"y":23},"timestamp":1544756837716,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":36,"x":105,"y":23},"timestamp":1544756837716,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":36},"timestamp":1544756837717,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":441,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":34,"id":35},{"parentId":412,"id":413}],"adds":[{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":441}},{"parentId":441,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":442}},{"parentId":442,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":443}},{"parentId":441,"previousId":442,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":444}},{"parentId":444,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":445}},{"parentId":445,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":446}},{"parentId":441,"previousId":444,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":447}},{"parentId":447,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":448}},{"parentId":448,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":449}},{"parentId":441,"previousId":447,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":450}},{"parentId":450,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":451}},{"parentId":451,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":452}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":453}},{"parentId":453,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<div id=\"output\" />","id":454}}]},"timestamp":1544756837723,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":5,"id":54},"timestamp":1544756837758,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":72,"attributes":{"style":""}},{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 18px;"}},{"id":62,"attributes":{"style":"margin-left: 0px; margin-bottom: -15px; border-right-width: 15px; min-height: 679px; min-width: 773.828px; padding-right: 15px; padding-bottom: 0px;"}},{"id":408,"attributes":{"style":"display: none; height: 694px;"}},{"id":52,"attributes":{"class":"CodeMirror cm-s-light CodeMirror-focused"}},{"id":69,"attributes":{"style":""}},{"id":791,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":423,"id":424},{"parentId":34,"id":441},{"parentId":72,"id":73},{"parentId":72,"id":90},{"parentId":72,"id":94},{"parentId":72,"id":111},{"parentId":72,"id":120},{"parentId":72,"id":129},{"parentId":72,"id":141},{"parentId":72,"id":150},{"parentId":72,"id":159},{"parentId":72,"id":162},{"parentId":72,"id":165},{"parentId":72,"id":168},{"parentId":72,"id":174},{"parentId":72,"id":183},{"parentId":72,"id":201},{"parentId":72,"id":207},{"parentId":72,"id":210},{"parentId":72,"id":213},{"parentId":72,"id":219},{"parentId":72,"id":240},{"parentId":72,"id":248},{"parentId":72,"id":259},{"parentId":72,"id":296},{"parentId":72,"id":315},{"parentId":72,"id":356},{"parentId":72,"id":365},{"parentId":72,"id":368},{"parentId":72,"id":371},{"parentId":72,"id":374},{"parentId":72,"id":378},{"parentId":72,"id":403},{"parentId":69,"id":439},{"parentId":412,"id":453}],"adds":[{"parentId":72,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":455}},{"parentId":455,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":456}},{"parentId":456,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":457}},{"parentId":457,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"const","id":458}},{"parentId":456,"previousId":457,"nextId":-1,"node":{"type":3,"textContent":" ","id":459}},{"parentId":456,"previousId":459,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":460}},{"parentId":460,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":461}},{"parentId":456,"previousId":460,"nextId":-1,"node":{"type":3,"textContent":" ","id":462}},{"parentId":456,"previousId":462,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":463}},{"parentId":463,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":464}},{"parentId":456,"previousId":463,"nextId":-1,"node":{"type":3,"textContent":" ","id":465}},{"parentId":456,"previousId":465,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":466}},{"parentId":466,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Date","id":467}},{"parentId":456,"previousId":466,"nextId":-1,"node":{"type":3,"textContent":".","id":468}},{"parentId":456,"previousId":468,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":469}},{"parentId":469,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"now","id":470}},{"parentId":456,"previousId":469,"nextId":null,"node":{"type":3,"textContent":"()","id":471}},{"parentId":72,"previousId":455,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":472}},{"parentId":472,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":473}},{"parentId":473,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":474}},{"parentId":474,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":475}},{"parentId":72,"previousId":472,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":476}},{"parentId":476,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":477}},{"parentId":477,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":478}},{"parentId":478,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"class","id":479}},{"parentId":477,"previousId":478,"nextId":-1,"node":{"type":3,"textContent":" ","id":480}},{"parentId":477,"previousId":480,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":481}},{"parentId":481,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"App","id":482}},{"parentId":477,"previousId":481,"nextId":-1,"node":{"type":3,"textContent":" ","id":483}},{"parentId":477,"previousId":483,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":484}},{"parentId":484,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"extends","id":485}},{"parentId":477,"previousId":484,"nextId":-1,"node":{"type":3,"textContent":" ","id":486}},{"parentId":477,"previousId":486,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":487}},{"parentId":487,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"React","id":488}},{"parentId":477,"previousId":487,"nextId":-1,"node":{"type":3,"textContent":".","id":489}},{"parentId":477,"previousId":489,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":490}},{"parentId":490,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Component","id":491}},{"parentId":477,"previousId":490,"nextId":null,"node":{"type":3,"textContent":" {","id":492}},{"parentId":72,"previousId":476,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":493}},{"parentId":493,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":494}},{"parentId":494,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":495}},{"parentId":494,"previousId":495,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":496}},{"parentId":496,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"constructor","id":497}},{"parentId":494,"previousId":496,"nextId":-1,"node":{"type":3,"textContent":"(","id":498}},{"parentId":494,"previousId":498,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":499}},{"parentId":499,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"props","id":500}},{"parentId":494,"previousId":499,"nextId":null,"node":{"type":3,"textContent":") {","id":501}},{"parentId":72,"previousId":493,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":502}},{"parentId":502,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":503}},{"parentId":503,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":504}},{"parentId":503,"previousId":504,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":505}},{"parentId":505,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"super","id":506}},{"parentId":503,"previousId":505,"nextId":-1,"node":{"type":3,"textContent":"(","id":507}},{"parentId":503,"previousId":507,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable-2"},"childNodes":[],"id":508}},{"parentId":508,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"props","id":509}},{"parentId":503,"previousId":508,"nextId":null,"node":{"type":3,"textContent":");","id":510}},{"parentId":72,"previousId":502,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":511}},{"parentId":511,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":512}},{"parentId":512,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":513}},{"parentId":512,"previousId":513,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":514}},{"parentId":514,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":515}},{"parentId":512,"previousId":514,"nextId":-1,"node":{"type":3,"textContent":".","id":516}},{"parentId":512,"previousId":516,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":517}},{"parentId":517,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"state","id":518}},{"parentId":512,"previousId":517,"nextId":-1,"node":{"type":3,"textContent":" ","id":519}},{"parentId":512,"previousId":519,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":520}},{"parentId":520,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":521}},{"parentId":512,"previousId":520,"nextId":null,"node":{"type":3,"textContent":" {","id":522}},{"parentId":72,"previousId":511,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":523}},{"parentId":523,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":524}},{"parentId":524,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":525}},{"parentId":524,"previousId":525,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":526}},{"parentId":526,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":527}},{"parentId":524,"previousId":526,"nextId":-1,"node":{"type":3,"textContent":": ","id":528}},{"parentId":524,"previousId":528,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":529}},{"parentId":529,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"0","id":530}},{"parentId":524,"previousId":529,"nextId":null,"node":{"type":3,"textContent":",","id":531}},{"parentId":72,"previousId":523,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":532}},{"parentId":532,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":533}},{"parentId":533,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":534}},{"parentId":533,"previousId":534,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":535}},{"parentId":535,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":536}},{"parentId":533,"previousId":535,"nextId":-1,"node":{"type":3,"textContent":": ","id":537}},{"parentId":533,"previousId":537,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":538}},{"parentId":538,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":539}},{"parentId":533,"previousId":538,"nextId":null,"node":{"type":3,"textContent":",","id":540}},{"parentId":72,"previousId":532,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":541}},{"parentId":541,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":542}},{"parentId":542,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"    };","id":543}},{"parentId":72,"previousId":541,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":544}},{"parentId":544,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":545}},{"parentId":545,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":546}},{"parentId":72,"previousId":544,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":547}},{"parentId":547,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":548}},{"parentId":548,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":549}},{"parentId":72,"previousId":547,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":550}},{"parentId":550,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":551}},{"parentId":551,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":552}},{"parentId":551,"previousId":552,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":553}},{"parentId":553,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"componentDidMount","id":554}},{"parentId":551,"previousId":553,"nextId":null,"node":{"type":3,"textContent":"() {","id":555}},{"parentId":72,"previousId":550,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":556}},{"parentId":556,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":557}},{"parentId":557,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":558}},{"parentId":557,"previousId":558,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":559}},{"parentId":559,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setInterval","id":560}},{"parentId":557,"previousId":559,"nextId":-1,"node":{"type":3,"textContent":"(() ","id":561}},{"parentId":557,"previousId":561,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":562}},{"parentId":562,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=>","id":563}},{"parentId":557,"previousId":562,"nextId":null,"node":{"type":3,"textContent":" {","id":564}},{"parentId":72,"previousId":556,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":565}},{"parentId":565,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":566}},{"parentId":566,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":567}},{"parentId":566,"previousId":567,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":568}},{"parentId":568,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":569}},{"parentId":566,"previousId":568,"nextId":-1,"node":{"type":3,"textContent":".","id":570}},{"parentId":566,"previousId":570,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":571}},{"parentId":571,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setState","id":572}},{"parentId":566,"previousId":571,"nextId":-1,"node":{"type":3,"textContent":"({ ","id":573}},{"parentId":566,"previousId":573,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":574}},{"parentId":574,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":575}},{"parentId":566,"previousId":574,"nextId":-1,"node":{"type":3,"textContent":": ","id":576}},{"parentId":566,"previousId":576,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":577}},{"parentId":577,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Date","id":578}},{"parentId":566,"previousId":577,"nextId":-1,"node":{"type":3,"textContent":".","id":579}},{"parentId":566,"previousId":579,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":580}},{"parentId":580,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"now","id":581}},{"parentId":566,"previousId":580,"nextId":null,"node":{"type":3,"textContent":"() })","id":582}},{"parentId":72,"previousId":565,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":583}},{"parentId":583,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":584}},{"parentId":584,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    }, ","id":585}},{"parentId":584,"previousId":585,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":586}},{"parentId":586,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1000","id":587}},{"parentId":584,"previousId":586,"nextId":null,"node":{"type":3,"textContent":");","id":588}},{"parentId":72,"previousId":583,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":589}},{"parentId":589,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":590}},{"parentId":590,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":591}},{"parentId":72,"previousId":589,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":592}},{"parentId":592,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":593}},{"parentId":593,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":594}},{"parentId":72,"previousId":592,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":595}},{"parentId":595,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":596}},{"parentId":596,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":597}},{"parentId":596,"previousId":597,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":598}},{"parentId":598,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"render","id":599}},{"parentId":596,"previousId":598,"nextId":null,"node":{"type":3,"textContent":"() {","id":600}},{"parentId":72,"previousId":595,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":601}},{"parentId":601,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":602}},{"parentId":602,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":603}},{"parentId":602,"previousId":603,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":604}},{"parentId":604,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"const","id":605}},{"parentId":602,"previousId":604,"nextId":-1,"node":{"type":3,"textContent":" { ","id":606}},{"parentId":602,"previousId":606,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":607}},{"parentId":607,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":608}},{"parentId":602,"previousId":607,"nextId":-1,"node":{"type":3,"textContent":", ","id":609}},{"parentId":602,"previousId":609,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":610}},{"parentId":610,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":611}},{"parentId":602,"previousId":610,"nextId":-1,"node":{"type":3,"textContent":" } ","id":612}},{"parentId":602,"previousId":612,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":613}},{"parentId":613,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":614}},{"parentId":602,"previousId":613,"nextId":-1,"node":{"type":3,"textContent":" ","id":615}},{"parentId":602,"previousId":615,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":616}},{"parentId":616,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":617}},{"parentId":602,"previousId":616,"nextId":-1,"node":{"type":3,"textContent":".","id":618}},{"parentId":602,"previousId":618,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":619}},{"parentId":619,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"state","id":620}},{"parentId":602,"previousId":619,"nextId":null,"node":{"type":3,"textContent":";","id":621}},{"parentId":72,"previousId":601,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":622}},{"parentId":622,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":623}},{"parentId":623,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":624}},{"parentId":623,"previousId":624,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[],"id":625}},{"parentId":625,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":626}},{"parentId":623,"previousId":625,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":627}},{"parentId":627,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"return","id":628}},{"parentId":623,"previousId":627,"nextId":null,"node":{"type":3,"textContent":" (","id":629}},{"parentId":72,"previousId":622,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":630}},{"parentId":630,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":631}},{"parentId":631,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":632}},{"parentId":631,"previousId":632,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[],"id":633}},{"parentId":633,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":634}},{"parentId":631,"previousId":633,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":635}},{"parentId":635,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":636}},{"parentId":631,"previousId":635,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":637}},{"parentId":637,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"section","id":638}},{"parentId":631,"previousId":637,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":639}},{"parentId":639,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":640}},{"parentId":72,"previousId":630,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":641}},{"parentId":641,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":642}},{"parentId":642,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":643}},{"parentId":642,"previousId":643,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":644}},{"parentId":644,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":645}},{"parentId":642,"previousId":644,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":646}},{"parentId":646,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":647}},{"parentId":642,"previousId":646,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":648}},{"parentId":648,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":649}},{"parentId":642,"previousId":648,"nextId":-1,"node":{"type":3,"textContent":"Time {","id":650}},{"parentId":642,"previousId":650,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":651}},{"parentId":651,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Math","id":652}},{"parentId":642,"previousId":651,"nextId":-1,"node":{"type":3,"textContent":".","id":653}},{"parentId":642,"previousId":653,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":654}},{"parentId":654,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"round","id":655}},{"parentId":642,"previousId":654,"nextId":-1,"node":{"type":3,"textContent":"((","id":656}},{"parentId":642,"previousId":656,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":657}},{"parentId":657,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":658}},{"parentId":642,"previousId":657,"nextId":-1,"node":{"type":3,"textContent":" ","id":659}},{"parentId":642,"previousId":659,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":660}},{"parentId":660,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"-","id":661}},{"parentId":642,"previousId":660,"nextId":-1,"node":{"type":3,"textContent":" ","id":662}},{"parentId":642,"previousId":662,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":663}},{"parentId":663,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":664}},{"parentId":642,"previousId":663,"nextId":-1,"node":{"type":3,"textContent":") ","id":665}},{"parentId":642,"previousId":665,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":666}},{"parentId":666,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"/","id":667}},{"parentId":642,"previousId":666,"nextId":-1,"node":{"type":3,"textContent":" ","id":668}},{"parentId":642,"previousId":668,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":669}},{"parentId":669,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1000","id":670}},{"parentId":642,"previousId":669,"nextId":-1,"node":{"type":3,"textContent":")}","id":671}},{"parentId":642,"previousId":671,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":672}},{"parentId":672,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":673}},{"parentId":642,"previousId":672,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":674}},{"parentId":674,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":675}},{"parentId":642,"previousId":674,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":676}},{"parentId":676,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":677}},{"parentId":72,"previousId":641,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":678}},{"parentId":678,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":679}},{"parentId":679,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":680}},{"parentId":679,"previousId":680,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":681}},{"parentId":681,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":682}},{"parentId":679,"previousId":681,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":683}},{"parentId":683,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":684}},{"parentId":679,"previousId":683,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":685}},{"parentId":685,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":686}},{"parentId":679,"previousId":685,"nextId":-1,"node":{"type":3,"textContent":"Counter {","id":687}},{"parentId":679,"previousId":687,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":688}},{"parentId":688,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":689}},{"parentId":679,"previousId":688,"nextId":-1,"node":{"type":3,"textContent":"}","id":690}},{"parentId":679,"previousId":690,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":691}},{"parentId":691,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":692}},{"parentId":679,"previousId":691,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":693}},{"parentId":693,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":694}},{"parentId":679,"previousId":693,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":695}},{"parentId":695,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":696}},{"parentId":72,"previousId":678,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":697}},{"parentId":697,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":698}},{"parentId":698,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":699}},{"parentId":698,"previousId":699,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":700}},{"parentId":700,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":701}},{"parentId":698,"previousId":700,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":702}},{"parentId":702,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"button","id":703}},{"parentId":698,"previousId":702,"nextId":-1,"node":{"type":3,"textContent":" ","id":704}},{"parentId":698,"previousId":704,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-attribute"},"childNodes":[],"id":705}},{"parentId":705,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"onClick","id":706}},{"parentId":698,"previousId":705,"nextId":-1,"node":{"type":3,"textContent":"={() ","id":707}},{"parentId":698,"previousId":707,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":708}},{"parentId":708,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=>","id":709}},{"parentId":698,"previousId":708,"nextId":-1,"node":{"type":3,"textContent":" ","id":710}},{"parentId":698,"previousId":710,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":711}},{"parentId":711,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":712}},{"parentId":698,"previousId":711,"nextId":-1,"node":{"type":3,"textContent":".","id":713}},{"parentId":698,"previousId":713,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":714}},{"parentId":714,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setState","id":715}},{"parentId":698,"previousId":714,"nextId":-1,"node":{"type":3,"textContent":"({ ","id":716}},{"parentId":698,"previousId":716,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":717}},{"parentId":717,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":718}},{"parentId":698,"previousId":717,"nextId":-1,"node":{"type":3,"textContent":": ","id":719}},{"parentId":698,"previousId":719,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":720}},{"parentId":720,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":721}},{"parentId":698,"previousId":720,"nextId":-1,"node":{"type":3,"textContent":" ","id":722}},{"parentId":698,"previousId":722,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":723}},{"parentId":723,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"+","id":724}},{"parentId":698,"previousId":723,"nextId":-1,"node":{"type":3,"textContent":" ","id":725}},{"parentId":698,"previousId":725,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":726}},{"parentId":726,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1","id":727}},{"parentId":698,"previousId":726,"nextId":-1,"node":{"type":3,"textContent":" })}","id":728}},{"parentId":698,"previousId":728,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":729}},{"parentId":729,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":730}},{"parentId":698,"previousId":729,"nextId":-1,"node":{"type":3,"textContent":"click to count","id":731}},{"parentId":698,"previousId":731,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":732}},{"parentId":732,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":733}},{"parentId":698,"previousId":732,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":734}},{"parentId":734,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"button","id":735}},{"parentId":698,"previousId":734,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":736}},{"parentId":736,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":737}},{"parentId":72,"previousId":697,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":738}},{"parentId":738,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":739}},{"parentId":739,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":740}},{"parentId":739,"previousId":740,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":741}},{"parentId":741,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":742}},{"parentId":739,"previousId":741,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":743}},{"parentId":743,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"section","id":744}},{"parentId":739,"previousId":743,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":745}},{"parentId":745,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":746}},{"parentId":72,"previousId":738,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":747}},{"parentId":747,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":748}},{"parentId":748,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"    )","id":749}},{"parentId":72,"previousId":747,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":750}},{"parentId":750,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":751}},{"parentId":751,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":752}},{"parentId":72,"previousId":750,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":753}},{"parentId":753,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":754}},{"parentId":754,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"}","id":755}},{"parentId":72,"previousId":753,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":756}},{"parentId":756,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":757}},{"parentId":757,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":758}},{"parentId":758,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":759}},{"parentId":72,"previousId":756,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":760}},{"parentId":760,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":761}},{"parentId":761,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":762}},{"parentId":762,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactDOM","id":763}},{"parentId":761,"previousId":762,"nextId":-1,"node":{"type":3,"textContent":".","id":764}},{"parentId":761,"previousId":764,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":765}},{"parentId":765,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"render","id":766}},{"parentId":761,"previousId":765,"nextId":-1,"node":{"type":3,"textContent":"(","id":767}},{"parentId":761,"previousId":767,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":768}},{"parentId":768,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":769}},{"parentId":761,"previousId":768,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":770}},{"parentId":770,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"App","id":771}},{"parentId":761,"previousId":770,"nextId":-1,"node":{"type":3,"textContent":" ","id":772}},{"parentId":761,"previousId":772,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":773}},{"parentId":773,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"/>","id":774}},{"parentId":761,"previousId":773,"nextId":-1,"node":{"type":3,"textContent":", ","id":775}},{"parentId":761,"previousId":775,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":776}},{"parentId":776,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"document","id":777}},{"parentId":761,"previousId":776,"nextId":-1,"node":{"type":3,"textContent":".","id":778}},{"parentId":761,"previousId":778,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":779}},{"parentId":779,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"querySelector","id":780}},{"parentId":761,"previousId":779,"nextId":-1,"node":{"type":3,"textContent":"(","id":781}},{"parentId":761,"previousId":781,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-string"},"childNodes":[],"id":782}},{"parentId":782,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"'.output'","id":783}},{"parentId":761,"previousId":782,"nextId":null,"node":{"type":3,"textContent":"));","id":784}},{"parentId":72,"previousId":760,"nextId":null,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":785}},{"parentId":785,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":786}},{"parentId":786,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":787}},{"parentId":787,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":788}},{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 4px; top: 0px; height: 21px;"},"childNodes":[],"id":789}},{"parentId":789,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":790}},{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":791}},{"parentId":791,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":792}},{"parentId":792,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":793}},{"parentId":791,"previousId":792,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":794}},{"parentId":794,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":795}},{"parentId":795,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":796}},{"parentId":791,"previousId":794,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":797}},{"parentId":797,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":798}},{"parentId":798,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":799}},{"parentId":791,"previousId":797,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":800}},{"parentId":800,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":801}},{"parentId":801,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":802}},{"parentId":423,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":803}},{"parentId":803,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"spinner"},"childNodes":[],"id":804}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":805}},{"parentId":805,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"spinner"},"childNodes":[],"id":806}}]},"timestamp":1544756837770,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":819,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":423,"id":803},{"parentId":412,"id":805},{"parentId":34,"id":791}],"adds":[{"parentId":423,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":807}},{"parentId":807,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":808}},{"parentId":808,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"console.log(...)","id":809}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"section","attributes":{},"childNodes":[],"id":810}},{"parentId":810,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":811}},{"parentId":811,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"Time ","id":812}},{"parentId":811,"previousId":812,"nextId":null,"node":{"type":3,"textContent":"0","id":813}},{"parentId":810,"previousId":811,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":814}},{"parentId":814,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"Counter ","id":815}},{"parentId":814,"previousId":815,"nextId":null,"node":{"type":3,"textContent":"0","id":816}},{"parentId":810,"previousId":814,"nextId":null,"node":{"type":2,"tagName":"button","attributes":{},"childNodes":[],"id":817}},{"parentId":817,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"click to count","id":818}},{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":819}},{"parentId":819,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":820}},{"parentId":820,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":821}},{"parentId":819,"previousId":820,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":822}},{"parentId":822,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":823}},{"parentId":823,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":824}},{"parentId":819,"previousId":822,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":825}},{"parentId":825,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":826}},{"parentId":826,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":827}},{"parentId":819,"previousId":825,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":828}},{"parentId":828,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":829}},{"parentId":829,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":830}}]},"timestamp":1544756837829,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":0},"timestamp":1544756837834,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":0},"timestamp":1544756837934,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756838290,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756838819,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"1"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756838830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":106,"y":25,"id":820,"timeOffset":0}]},"timestamp":1544756838898,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756839350,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":114,"y":35,"id":34,"timeOffset":-475},{"x":130,"y":64,"id":466,"timeOffset":-441},{"x":151,"y":108,"id":484,"timeOffset":-408},{"x":221,"y":209,"id":532,"timeOffset":-375},{"x":294,"y":278,"id":547,"timeOffset":-341},{"x":368,"y":329,"id":565,"timeOffset":-308},{"x":391,"y":336,"id":565,"timeOffset":-48},{"x":439,"y":337,"id":565,"timeOffset":-24}]},"timestamp":1544756839399,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"2"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756839830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756839879,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":585,"y":325,"id":565,"timeOffset":-491},{"x":729,"y":308,"id":556,"timeOffset":-459},{"x":830,"y":304,"id":556,"timeOffset":-425},{"x":888,"y":308,"id":556,"timeOffset":-391},{"x":896,"y":308,"id":556,"timeOffset":-17}]},"timestamp":1544756839899,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":918,"y":309,"id":556,"timeOffset":-493},{"x":959,"y":310,"id":556,"timeOffset":-459},{"x":990,"y":311,"id":556,"timeOffset":-426},{"x":1032,"y":315,"id":556,"timeOffset":-393},{"x":1060,"y":323,"id":565,"timeOffset":-359},{"x":1101,"y":344,"id":583,"timeOffset":-326},{"x":1132,"y":363,"id":583,"timeOffset":-293},{"x":1154,"y":373,"id":55,"timeOffset":-259}]},"timestamp":1544756840400,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756840410,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":54},"timestamp":1544756840500,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":52,"attributes":{"class":"CodeMirror cm-s-light"}}],"removes":[],"adds":[]},"timestamp":1544756840501,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"3"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756840830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"4"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756841830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"5"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756842830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"6"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756843831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"7"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756844831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"8"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756845831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"9"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756846830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"10"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756847830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"}]
diff --git a/public/index.html b/public/index.html
index c5cf42de..857cd297 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,26 +12,15 @@
 
   <body>
     <script src="./bundle.js"></script>
-    <script src="./bundle.events.js"></script>
+    <script src="./events.js"></script>
     <script>
-      const queryObj = {
-        sessionId: '8874be03-bf8f-411e-862a-64ea7f950026',
-      };
-      let query = '';
-      Object.keys(queryObj).forEach(key => {
-        query += `${key}=${queryObj[key]}&`;
+      // eslint-disable-next-line
+      new rrwebPlayer({
+        target: document.body,
+        data: {
+          events,
+        },
       });
-      fetch(`http://192.168.17.205:9090/api/events?${query}`)
-        .then(res => res.json())
-        .then(data => {
-          // eslint-disable-next-line
-          new rrwebPlayer({
-            target: document.body,
-            data: {
-              events: data.events,
-            },
-          });
-        });
     </script>
   </body>
 </html>

From 927f754a9de39cc3261e4fa50a1bbaaed13fcd31 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 137/345] format code

---
 src/rebuild.ts  | 12 ++++++------
 src/snapshot.ts | 48 +++++++++++++++++++++++++-----------------------
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index ba614144..83510588 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -99,7 +99,7 @@ function buildNode(
       }
       for (const name in n.attributes) {
         if (!n.attributes.hasOwnProperty(name)) {
-          continue
+          continue;
         }
         let value = n.attributes[name];
         value = typeof value === 'boolean' ? '' : value;
@@ -137,14 +137,14 @@ function buildNode(
         } else {
           // handle internal attributes
           if (tagName === 'canvas' && name === 'rr_dataURL') {
-            const image = document.createElement('img')
-            image.src = value
+            const image = document.createElement('img');
+            image.src = value;
             image.onload = () => {
-              const ctx = (node as HTMLCanvasElement).getContext('2d')
+              const ctx = (node as HTMLCanvasElement).getContext('2d');
               if (ctx) {
-                ctx.drawImage(image, 0, 0, image.width, image.height)
+                ctx.drawImage(image, 0, 0, image.width, image.height);
               }
-            }
+            };
           }
           if (name === 'rr_width') {
             (node as HTMLElement).style.width = value;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 74126f54..520eed5e 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -86,34 +86,36 @@ export function absoluteToStylesheet(cssText: string, href: string): string {
 }
 
 function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
-  if(attributeValue.trim() === "") {
-    return attributeValue
+  if (attributeValue.trim() === '') {
+    return attributeValue;
   }
 
-  const srcsetValues = attributeValue.split(",")
+  const srcsetValues = attributeValue.split(',');
   // srcset attributes is defined as such:
   // srcset = "url size,url1 size1"
-  const resultingSrcsetString = srcsetValues.map((srcItem) => {
-       // removing all but middle spaces
-       const trimmedSrcItem = srcItem.trimLeft().trimRight()
-       const urlAndSize = trimmedSrcItem.split(" ")
-       // this means we have both 0:url and 1:size
-       if (urlAndSize.length === 2) {
-         const absUrl = absoluteToDoc(doc, urlAndSize[0])
-         return `${absUrl} ${urlAndSize[1]}`
-       } else if(urlAndSize.length === 1){
-         const absUrl = absoluteToDoc(doc, urlAndSize[0])
-         return `${absUrl}`
-       }
-       return ""
-  }).join(',')
+  const resultingSrcsetString = srcsetValues
+    .map(srcItem => {
+      // removing all but middle spaces
+      const trimmedSrcItem = srcItem.trimLeft().trimRight();
+      const urlAndSize = trimmedSrcItem.split(' ');
+      // this means we have both 0:url and 1:size
+      if (urlAndSize.length === 2) {
+        const absUrl = absoluteToDoc(doc, urlAndSize[0]);
+        return `${absUrl} ${urlAndSize[1]}`;
+      } else if (urlAndSize.length === 1) {
+        const absUrl = absoluteToDoc(doc, urlAndSize[0]);
+        return `${absUrl}`;
+      }
+      return '';
+    })
+    .join(',');
 
-  return resultingSrcsetString
+  return resultingSrcsetString;
 }
 
 function absoluteToDoc(doc: Document, attributeValue: string): string {
-  if (attributeValue.trim() === ""){
-    return attributeValue
+  if (attributeValue.trim() === '') {
+    return attributeValue;
   }
   const a: HTMLAnchorElement = doc.createElement('a');
   a.href = attributeValue;
@@ -161,8 +163,8 @@ function serializeNode(
         // relative path in attribute
         if (name === 'src' || name === 'href') {
           attributes[name] = absoluteToDoc(doc, value);
-        } else if (name == 'srcset') {
-          attributes[name] = getAbsoluteSrcsetString(doc, value)
+        } else if (name === 'srcset') {
+          attributes[name] = getAbsoluteSrcsetString(doc, value);
         } else if (name === 'style') {
           attributes[name] = absoluteToStylesheet(value, location.href);
         } else {
@@ -226,7 +228,7 @@ function serializeNode(
       }
       // canvas image data
       if (tagName === 'canvas') {
-        attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL()
+        attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL();
       }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();

From bfe50c60f3e8c42fe543ef945f8e1a05d08e4ad0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 138/345] update rrweb and impl click progress to play at any
 time offset

---
 package.json        |  2 +-
 src/Controller.html | 20 +++++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 409114c9..7f027146 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.13.5"
   },
   "dependencies": {
-    "rrweb": "^0.6.5"
+    "rrweb": "^0.6.7"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index b2030625..a1ba8454 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -2,7 +2,7 @@
 <div class="rr-controller">
   <div class="rr-timeline">
     <span class="rr-timeline__time">{formatTime(currentTime)}</span>
-    <div class="rr-progress">
+    <div class="rr-progress" ref:progress on:click="handleProgressClick(event)">
       <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
       <div
         class="rr-progress__handler"
@@ -134,6 +134,23 @@
         replayer.setConfig({ speed });
         this.set({ speed });
       },
+      handleProgressClick(event) {
+        const progressRect = this.refs.progress.getBoundingClientRect();
+        const x = event.clientX - progressRect.left;
+        let percent = x / progressRect.width;
+        if (percent < 0) {
+          percent = 0;
+        } else if (percent > 1) {
+          percent = 1;
+        }
+        const { meta, replayer, isPlaying } = this.get();
+        const timeOffset = meta.totalTime * percent;
+        this.set({ currentTime: timeOffset });
+        replayer.play(timeOffset);
+        if (!isPlaying) {
+          replayer.pause();
+        }
+      },
     },
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
@@ -193,6 +210,7 @@
     background: #eee;
     position: relative;
     border-radius: 3px;
+    cursor: pointer;
   }
 
   .rr-progress__step {

From af7f8d9404a34fef9650c03b48097f48e4b3deec Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 139/345] export the transform attribute method

---
 src/index.ts    |  3 ++-
 src/snapshot.ts | 30 +++++++++++++++++++-----------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 2240f589..7c059f37 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
 
@@ -8,4 +8,5 @@ export {
   rebuild,
   buildNodeWithSN,
   addHoverClass,
+  transformAttribute,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 520eed5e..58891587 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -113,7 +113,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
   return resultingSrcsetString;
 }
 
-function absoluteToDoc(doc: Document, attributeValue: string): string {
+export function absoluteToDoc(doc: Document, attributeValue: string): string {
   if (attributeValue.trim() === '') {
     return attributeValue;
   }
@@ -126,6 +126,23 @@ function isSVGElement(el: Element): boolean {
   return el.tagName === 'svg' || el instanceof SVGElement;
 }
 
+export function transformAttribute(
+  doc: Document,
+  name: string,
+  value: string,
+): string {
+  // relative path in attribute
+  if (name === 'src' || name === 'href') {
+    return absoluteToDoc(doc, value);
+  } else if (name === 'srcset') {
+    return getAbsoluteSrcsetString(doc, value);
+  } else if (name === 'style') {
+    return absoluteToStylesheet(value, location.href);
+  } else {
+    return value;
+  }
+}
+
 function serializeNode(
   n: Node,
   doc: Document,
@@ -160,16 +177,7 @@ function serializeNode(
       const tagName = (n as HTMLElement).tagName.toLowerCase();
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
-        // relative path in attribute
-        if (name === 'src' || name === 'href') {
-          attributes[name] = absoluteToDoc(doc, value);
-        } else if (name === 'srcset') {
-          attributes[name] = getAbsoluteSrcsetString(doc, value);
-        } else if (name === 'style') {
-          attributes[name] = absoluteToStylesheet(value, location.href);
-        } else {
-          attributes[name] = value;
-        }
+        attributes[name] = transformAttribute(doc, name, value);
       }
       // remote css
       if (tagName === 'link' && inlineStylesheet) {

From 3ab8236587a218f7c85e35f0de2b98adcdb4b65a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 140/345] Release 0.3.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7f027146..18161173 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "devDependencies": {
     "eslint": "^5.7.0",
     "eslint-config-google": "^0.11.0",

From 0682251ec276beb4a468e6ef5ba016a33e42803e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 141/345] Release 0.7.21

---
 package.json          | 2 +-
 typings/index.d.ts    | 4 ++--
 typings/snapshot.d.ts | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 32b8da8a..cfb61ead 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.20",
+  "version": "0.7.21",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 420b997e..81e7b277 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, };
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 594b8ccd..fca31217 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,5 +1,7 @@
 import { serializedNodeWithId, INode, idNodeMap } from './types';
 export declare function absoluteToStylesheet(cssText: string, href: string): string;
+export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
+export declare function transformAttribute(doc: Document, name: string, value: string): string;
 export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskAllInputs?: boolean): serializedNodeWithId | null;
 declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean, maskAllInputs?: boolean): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;

From 3de1a2a9508af23e430334e4c032d917077e2413 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 142/345] update rrweb dependency

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 18161173..3420acbf 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.13.5"
   },
   "dependencies": {
-    "rrweb": "^0.6.7"
+    "rrweb": "^0.6.8"
   },
   "scripts": {
     "build": "rollup -c",

From 5c23514fca9871c7bae7c75267ef65daf6cbd96c Mon Sep 17 00:00:00 2001
From: Filip Slatinac <Fslat092@uottawa.ca>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 143/345] replacing invalid tag names by div (#22)

---
 src/snapshot.ts                        | 21 ++++++++++++++++++---
 test/__snapshots__/integration.ts.snap | 18 ++++++++++++++++++
 test/html/invalid-tagname.html         | 15 +++++++++++++++
 test/html/with-relative-res.html       |  4 ++++
 4 files changed, 55 insertions(+), 3 deletions(-)
 create mode 100644 test/html/invalid-tagname.html

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 58891587..8c8233e1 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,11 +8,25 @@ import {
 } from './types';
 
 let _id = 1;
+const symbolAndNumberRegex = RegExp('[^a-z]');
 
 function genId(): number {
   return _id++;
 }
 
+function getValidTagName(tagName: string): string {
+  const processedTagName = tagName.toLowerCase().trim();
+
+  if (symbolAndNumberRegex.test(processedTagName)) {
+    // if the tag name is odd and we cannot extract
+    // anything from the string, then we return a
+    // generic div
+    return 'div';
+  }
+
+  return processedTagName;
+}
+
 function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
@@ -174,7 +188,7 @@ function serializeNode(
           }
         });
       }
-      const tagName = (n as HTMLElement).tagName.toLowerCase();
+      const tagName = getValidTagName((n as HTMLElement).tagName);
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
         attributes[name] = transformAttribute(doc, name, value);
@@ -205,8 +219,9 @@ function serializeNode(
           ''
         ).trim().length
       ) {
-        const cssText = getCssRulesString((n as HTMLStyleElement)
-          .sheet as CSSStyleSheet);
+        const cssText = getCssRulesString(
+          (n as HTMLStyleElement).sheet as CSSStyleSheet,
+        );
         if (cssText) {
           attributes._cssText = absoluteToStylesheet(cssText, location.href);
         }
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index e5b4fc73..f04f33ad 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -172,6 +172,20 @@ exports[`[html file]: invalid-attribute.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: invalid-tagname.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\" />
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+  <title>Document</title>
+</head>
+<body>
+  <div>Hello</div>
+  <div>Hello</div>
+  <div>Hello</div>
+  <div></div></body></html>"
+`;
+
 exports[`[html file]: picture.html 1`] = `
 "<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body>
     <picture>
@@ -190,6 +204,10 @@ exports[`[html file]: with-relative-res.html 1`] = `
 </head>
 <body>
   <a href=\\"http://localhost:3030/basic.html\\"></a>
+  <div>Hello</div>
+  <div>Hello</div>
+  <div>Hello</div>
+  <div></div>
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://exmple.com/a.jpg\\" />
diff --git a/test/html/invalid-tagname.html b/test/html/invalid-tagname.html
new file mode 100644
index 00000000..4d9183df
--- /dev/null
+++ b/test/html/invalid-tagname.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+<body>
+  <alt="">Hello</alt="">
+  <alt34>Hello</alt34>
+  <d123-_+!@#$%^&*()>Hello</d123-_+!@#$%^&*()>
+  <ale#></ale#>
+</body>
+</html>
\ No newline at end of file
diff --git a/test/html/with-relative-res.html b/test/html/with-relative-res.html
index f8cd16dc..7505d5a3 100644
--- a/test/html/with-relative-res.html
+++ b/test/html/with-relative-res.html
@@ -8,6 +8,10 @@
 </head>
 <body>
   <a href="./basic.html"></a>
+  <alt="">Hello</alt="">
+  <alt34>Hello</alt34>
+  <d123-_+!@#$%^&*()>Hello</d123-_+!@#$%^&*()>
+  <ale#></ale#>
   <img src="./a.jpg" alt="" srcset="">
   <img src="./a.jpg" alt="" srcset="/a.jpg">
   <img src="./a.jpg" alt="" srcset="http://exmple.com/a.jpg ">

From c3ef3230936922b2c1e0e552310b783ca3d31664 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 144/345] Release 0.3.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3420acbf..53155da0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "devDependencies": {
     "eslint": "^5.7.0",
     "eslint-config-google": "^0.11.0",

From 44eddcc900831206b1e15a141a52b94f4f4aadc8 Mon Sep 17 00:00:00 2001
From: Filip Slatinac <Fslat092@uottawa.ca>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 145/345] added cssText check (#23)

* added cssText check

* added testing
---
 src/snapshot.ts                        |  6 +++---
 test/__snapshots__/integration.ts.snap | 14 +++++++------
 test/html/cors-style-sheet.html        | 27 +++++++++++++-------------
 3 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 8c8233e1..167768f2 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -146,11 +146,11 @@ export function transformAttribute(
   value: string,
 ): string {
   // relative path in attribute
-  if (name === 'src' || name === 'href') {
+  if (name === 'src' || (name === 'href' && value)) {
     return absoluteToDoc(doc, value);
-  } else if (name === 'srcset') {
+  } else if (name === 'srcset' && value) {
     return getAbsoluteSrcsetString(doc, value);
-  } else if (name === 'style') {
+  } else if (name === 'style' && value) {
     return absoluteToStylesheet(value, location.href);
   } else {
     return value;
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index f04f33ad..363fd658 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -75,12 +75,14 @@ exports[`[html file]: block-element.html 1`] = `
 
 exports[`[html file]: cors-style-sheet.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
-  <meta charset=\\"UTF-8\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
-  <title>with style sheet</title>
-  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css\\" />
-</head><body></body></html>"
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>with style sheet</title>
+    <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css\\" />
+    <link rel=\\"stylesheet\\" href=\\"\\" />
+  </head>
+  <body></body></html>"
 `;
 
 exports[`[html file]: dynamic-stylesheet.html 1`] = `
diff --git a/test/html/cors-style-sheet.html b/test/html/cors-style-sheet.html
index 06dddaa2..741a1366 100644
--- a/test/html/cors-style-sheet.html
+++ b/test/html/cors-style-sheet.html
@@ -1,16 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>with style sheet</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css">
-</head>
-
-<body>
-
-</body>
-
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>with style sheet</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/pure@2.85.0/index.css"
+    />
+    <link rel="stylesheet" href />
+  </head>
+  <body></body>
+</html>

From cc174c79a30b0dfabaf0c34171d110b31cb8a400 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 146/345] update dependencies

---
 package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 53155da0..53e76720 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "rrweb-player",
   "version": "0.3.3",
   "devDependencies": {
-    "eslint": "^5.7.0",
+    "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",
     "eslint-plugin-html": "^4.0.6",
     "npm-run-all": "^4.1.3",
@@ -10,13 +10,13 @@
     "rollup-plugin-commonjs": "^9.1.8",
     "rollup-plugin-node-resolve": "^3.4.0",
     "rollup-plugin-postcss": "^1.6.3",
-    "rollup-plugin-svelte": "^4.3.1",
+    "rollup-plugin-svelte": "^4.5.0",
     "rollup-plugin-terser": "^3.0.0",
     "sirv-cli": "^0.2.2",
-    "svelte": "^2.13.5"
+    "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.6.8"
+    "rrweb": "^0.6.9"
   },
   "scripts": {
     "build": "rollup -c",

From e7b24d6091179f91df9eee76ea38c0f7ed3d613e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 147/345] Release 0.7.22

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cfb61ead..fc591e74 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.21",
+  "version": "0.7.22",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 7ace60079407731e6de0d491204e90cd47b85d94 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 148/345] Release 0.3.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 53e76720..d192d22f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 9b9f204469a3129d3bfe7794ee3cb3bfc22562f7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 149/345] update release it config

---
 .release-it.json | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.release-it.json b/.release-it.json
index 15b39fa3..998dc9ba 100644
--- a/.release-it.json
+++ b/.release-it.json
@@ -1,4 +1,6 @@
 {
   "non-interactive": true,
-  "buildCommand": "npm run bundle && npm run typings"
+  "hooks": {
+    "before:init": ["npm run bundle", "npm run typings"]
+  }
 }

From 4b2cda1f43d65c78fcac42a3d7980d77830445de Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 150/345] update rrweb

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d192d22f..e3f27726 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.6.9"
+    "rrweb": "^0.6.11"
   },
   "scripts": {
     "build": "rollup -c",

From c4fb4d7a90732cfc0077e87600ea303717cc2786 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 151/345] allow release on not committed working dir

---
 .release-it.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.release-it.json b/.release-it.json
index 998dc9ba..e76cbd8e 100644
--- a/.release-it.json
+++ b/.release-it.json
@@ -2,5 +2,8 @@
   "non-interactive": true,
   "hooks": {
     "before:init": ["npm run bundle", "npm run typings"]
+  },
+  "git": {
+    "requireCleanWorkingDir": false
   }
 }

From c34d9523b57b4645373fd6882b5bf626bea7a157 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 152/345] Release 0.3.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e3f27726..3c44026f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From ef3fb5ab6085a3cf3bb817a1a6e769d7d5406473 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 153/345] Release 0.7.23

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fc591e74..2921d911 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.22",
+  "version": "0.7.23",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 357d18c0ddfefabd1effe8d24a5724bd2a7387d2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 154/345] add skip inactive switch and use rrweb timer to
 display current time

---
 package.json               |  2 +-
 src/Controller.html        | 56 ++++++++++++++++++++-------
 src/Player.html            |  1 +
 src/components/Switch.html | 77 ++++++++++++++++++++++++++++++++++++++
 src/utils.js               |  2 +-
 5 files changed, 123 insertions(+), 15 deletions(-)
 create mode 100644 src/components/Switch.html

diff --git a/package.json b/package.json
index 3c44026f..aa016338 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.6.11"
+    "rrweb": "^0.7.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index a1ba8454..84db820c 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -49,8 +49,15 @@
       {/if}
     </button>
     {#each [1, 2, 4, 8] as s}
-    <button class:active="s === speed" on:click="setSpeed(s)">{s}x</button>
+    <button
+      class:active="s === speed && !isSkipping"
+      on:click="setSpeed(s)"
+      disabled="{isSkipping}"
+    >
+      {s}x
+    </button>
     {/each}
+    <Switch id="skip" bind:checked="skipInactive" disabled="{isSkipping}" label="skip inactive" />
   </div>
 </div>
 {/if}
@@ -59,10 +66,15 @@
   import { formatTime } from './utils.js';
 
   export default {
+    components: {
+      Switch: './components/Switch.html',
+    },
     data() {
       return {
         currentTime: 0,
         isPlaying: false,
+        isSkipping: false,
+        skipInactive: true,
         speed: 1,
       };
     },
@@ -80,29 +92,23 @@
     },
     methods: {
       loopTimer() {
-        const now = performance.now();
-        let lastStep = now;
         const self = this;
 
-        function update(step) {
-          let { currentTime, meta, isPlaying, speed } = self.get();
+        function update() {
+          const { meta, isPlaying, replayer } = self.get();
           if (!isPlaying) {
             self.timer = null;
             return;
           }
 
-          const stepDiff = Math.floor(step - lastStep);
-          lastStep = step;
-          currentTime += speed * stepDiff;
+          const currentTime =
+            replayer.timer.timeOffset + replayer.getTimeOffset();
           self.set({
-            currentTime: Math.min(currentTime, meta.totalTime),
+            currentTime,
           });
 
           if (currentTime < meta.totalTime) {
             requestAnimationFrame(update);
-          } else {
-            self.timer = null;
-            self.set({ isPlaying: false, currentTime: 0 });
           }
         }
 
@@ -130,9 +136,11 @@
         }
       },
       setSpeed(speed) {
-        const { replayer } = this.get();
+        const { replayer, currentTime } = this.get();
+        replayer.pause();
         replayer.setConfig({ speed });
         this.set({ speed });
+        replayer.resume(currentTime);
       },
       handleProgressClick(event) {
         const progressRect = this.refs.progress.getBoundingClientRect();
@@ -165,12 +173,27 @@
         current.replayer.on('resume', () => {
           this.set({ isPlaying: true });
         });
+        current.replayer.on('finish', () => {
+          this.timer = null;
+          this.set({ isPlaying: false, currentTime: 0 });
+        });
+        current.replayer.on('skip-start', payload => {
+          payload.isSkipping = true;
+          this.set(payload);
+        });
+        current.replayer.on('skip-end', payload => {
+          payload.isSkipping = false;
+          this.set(payload);
+        });
       }
       if (changed.isPlaying) {
         if (current.isPlaying && !this.timer) {
           this.loopTimer();
         }
       }
+      if (changed.skipInactive) {
+        current.replayer.setConfig({ skipInactive: changed.skipInactive });
+      }
     },
     ondestroy() {
       const { isPlaying } = this.get();
@@ -233,6 +256,9 @@
 
   .rr-controller__btns {
     display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 13px;
   }
 
   .rr-controller__btns button {
@@ -256,4 +282,8 @@
     color: #fff;
     background: rgb(73, 80, 246);
   }
+
+  .rr-controller__btns button:disabled {
+    cursor: not-allowed;
+  }
 </style>
diff --git a/src/Player.html b/src/Player.html
index 2c3e0a90..cd8666ec 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -46,6 +46,7 @@
       const replayer = new Replayer(events, {
         speed: 1,
         root: this.refs.frame,
+        skipInactive: true,
       });
       replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension)
diff --git a/src/components/Switch.html b/src/components/Switch.html
new file mode 100644
index 00000000..ffe11be2
--- /dev/null
+++ b/src/components/Switch.html
@@ -0,0 +1,77 @@
+<div class="switch" class:disabled="disabled">
+  <input
+    type="checkbox"
+    id="{id}"
+    bind:checked="checked"
+    disabled="{disabled}"
+  />
+  <label for="{id}"></label> <span class="label">{label}</span>
+</div>
+
+<style>
+  .switch {
+    height: 1em;
+    display: flex;
+    align-items: center;
+  }
+
+  .switch.disabled {
+    opacity: 0.5;
+  }
+
+  .label {
+    margin: 0 8px;
+    height: 1em;
+  }
+
+  .switch input[type='checkbox'] {
+    position: absolute;
+    opacity: 0;
+  }
+
+  .switch label {
+    width: 2em;
+    height: 1em;
+    position: relative;
+    cursor: pointer;
+    display: block;
+  }
+
+  .switch.disabled label {
+    cursor: not-allowed;
+  }
+
+  .switch label:before {
+    content: '';
+    position: absolute;
+    width: 2em;
+    height: 1em;
+    left: 0.1em;
+    transition: background 0.1s ease;
+    background: rgba(73, 80, 246, 0.5);
+    border-radius: 50px;
+  }
+
+  .switch label:after {
+    content: '';
+    position: absolute;
+    width: 1em;
+    height: 1em;
+    border-radius: 50px;
+    left: 0;
+    transition: all 0.2s ease;
+    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
+    background: #fcfff4;
+    animation: switch-off 0.2s ease-out;
+    z-index: 2;
+  }
+
+  .switch input[type='checkbox']:checked + label:before {
+    background: rgb(73, 80, 246);
+  }
+
+  .switch input[type='checkbox']:checked + label:after {
+    animation: switch-on 0.2s ease-out;
+    left: 1.1em;
+  }
+</style>
diff --git a/src/utils.js b/src/utils.js
index 8b47b558..030a77e3 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -27,7 +27,7 @@ export function formatTime(ms) {
   ms = ms % MINUTE;
   const second = Math.round(ms / SECOND);
   if (hour) {
-    return `${padZero(hour)}:${padZero(minute)}:${padZero(minute)}`;
+    return `${padZero(hour)}:${padZero(minute)}:${padZero(second)}`;
   }
   return `${padZero(minute)}:${padZero(second)}`;
 }

From 35070d9dcca9783c4ad0b1bc13d5957be514f366 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 155/345] add media state check

---
 src/rebuild.ts                         | 10 ++++++++++
 src/snapshot.ts                        |  6 ++++++
 test/__snapshots__/integration.ts.snap | 15 +++++++++++++++
 test/html/video.html                   | 19 +++++++++++++++++++
 4 files changed, 50 insertions(+)
 create mode 100644 test/html/video.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 83510588..4a42d5be 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -152,6 +152,16 @@ function buildNode(
           if (name === 'rr_height') {
             (node as HTMLElement).style.height = value;
           }
+          if (name === 'rr_mediaState') {
+            switch (value) {
+              case 'played':
+                (node as HTMLMediaElement).play();
+              case 'paused':
+                (node as HTMLMediaElement).pause();
+                break;
+              default:
+            }
+          }
         }
       }
       return node;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 167768f2..69f0577c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -253,6 +253,12 @@ function serializeNode(
       if (tagName === 'canvas') {
         attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL();
       }
+      // media elements
+      if (tagName === 'audio' || tagName === 'video') {
+        attributes.rr_mediaState = (n as HTMLMediaElement).paused
+          ? 'paused'
+          : 'played';
+      }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
         attributes.rr_width = `${width}px`;
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 363fd658..715debc7 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -197,6 +197,21 @@ exports[`[html file]: picture.html 1`] = `
   </body></html>"
 `;
 
+exports[`[html file]: video.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>video</title>
+  </head>
+  <body>
+    <video controls=\\"\\">
+      <source src=\\"http://techslides.com/demos/sample-videos/small.webm\\" type=\\"video/webm\\" /> <source src=\\"http://techslides.com/demos/sample-videos/small.ogv\\" type=\\"video/ogg\\" />
+      <source src=\\"http://techslides.com/demos/sample-videos/small.mp4\\" type=\\"video/mp4\\" /> <source src=\\"http://techslides.com/demos/sample-videos/small.3gp\\" type=\\"video/3gp\\" />
+    </video>
+  </body></html>"
+`;
+
 exports[`[html file]: with-relative-res.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/video.html b/test/html/video.html
new file mode 100644
index 00000000..653f7172
--- /dev/null
+++ b/test/html/video.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>video</title>
+  </head>
+  <body>
+    <video controls>
+      <source src=http://techslides.com/demos/sample-videos/small.webm
+      type=video/webm> <source
+      src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
+      <source src=http://techslides.com/demos/sample-videos/small.mp4
+      type=video/mp4> <source
+      src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
+    </video>
+  </body>
+</html>

From cd8dc1c32e13f20616734d46d47cd2601fd94af1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 156/345] temp disable click progress

---
 src/Controller.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Controller.html b/src/Controller.html
index 84db820c..7cdd7e81 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -2,7 +2,7 @@
 <div class="rr-controller">
   <div class="rr-timeline">
     <span class="rr-timeline__time">{formatTime(currentTime)}</span>
-    <div class="rr-progress" ref:progress on:click="handleProgressClick(event)">
+    <div class="rr-progress" ref:progress>
       <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
       <div
         class="rr-progress__handler"
@@ -233,7 +233,7 @@
     background: #eee;
     position: relative;
     border-radius: 3px;
-    cursor: pointer;
+    /* cursor: pointer; */
   }
 
   .rr-progress__step {

From 9c6c5272e15522cf3364229bd386eb61795fcf3f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 157/345] Release 0.7.24

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2921d911..852030bf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.23",
+  "version": "0.7.24",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 3e271971694a5233b2eee0c290586f19c81c93bb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 158/345] Release 0.3.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index aa016338..0e2cab30 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From f29c5abfbc64df9dea479a256c58f159047c136a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 159/345] close #24 css text can be null

---
 src/snapshot.ts | 62 +++++++++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 69f0577c..fbffe2db 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -68,35 +68,41 @@ function extractOrigin(url: string): string {
 const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
 const DATA_URI = /^(data:)([\w\/\+\-]+);(charset=[\w-]+|base64).*,(.*)/i;
-export function absoluteToStylesheet(cssText: string, href: string): string {
-  return cssText.replace(URL_IN_CSS_REF, (origin, path1, path2, path3) => {
-    const filePath = path1 || path2 || path3;
-    if (!filePath) {
-      return origin;
-    }
-    if (!RELATIVE_PATH.test(filePath)) {
-      return `url('${filePath}')`;
-    }
-    if (DATA_URI.test(filePath)) {
-      return `url(${filePath})`;
-    }
-    if (filePath[0] === '/') {
-      return `url('${extractOrigin(href) + filePath}')`;
-    }
-    const stack = href.split('/');
-    const parts = filePath.split('/');
-    stack.pop();
-    for (const part of parts) {
-      if (part === '.') {
-        continue;
-      } else if (part === '..') {
-        stack.pop();
-      } else {
-        stack.push(part);
+export function absoluteToStylesheet(
+  cssText: string | null,
+  href: string,
+): string {
+  return (cssText || '').replace(
+    URL_IN_CSS_REF,
+    (origin, path1, path2, path3) => {
+      const filePath = path1 || path2 || path3;
+      if (!filePath) {
+        return origin;
       }
-    }
-    return `url('${stack.join('/')}')`;
-  });
+      if (!RELATIVE_PATH.test(filePath)) {
+        return `url('${filePath}')`;
+      }
+      if (DATA_URI.test(filePath)) {
+        return `url(${filePath})`;
+      }
+      if (filePath[0] === '/') {
+        return `url('${extractOrigin(href) + filePath}')`;
+      }
+      const stack = href.split('/');
+      const parts = filePath.split('/');
+      stack.pop();
+      for (const part of parts) {
+        if (part === '.') {
+          continue;
+        } else if (part === '..') {
+          stack.pop();
+        } else {
+          stack.push(part);
+        }
+      }
+      return `url('${stack.join('/')}')`;
+    },
+  );
 }
 
 function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {

From 99993360d548f3c324169c10704e2b37493aa5d1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 160/345] bugfix and update rrweb

---
 package.json               |  2 +-
 src/Controller.html        | 10 +++++++---
 src/components/Switch.html |  1 -
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 0e2cab30..d5f99489 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.0"
+    "rrweb": "^0.7.2"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index 7cdd7e81..b36b5d23 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -136,11 +136,14 @@
         }
       },
       setSpeed(speed) {
-        const { replayer, currentTime } = this.get();
+        const { replayer, currentTime, isPlaying } = this.get();
+        // freeze before set speed, and resume if is playing before freeze
         replayer.pause();
         replayer.setConfig({ speed });
         this.set({ speed });
-        replayer.resume(currentTime);
+        if (isPlaying) {
+          replayer.resume(currentTime);
+        }
       },
       handleProgressClick(event) {
         const progressRect = this.refs.progress.getBoundingClientRect();
@@ -162,6 +165,7 @@
     },
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
+        window.replayer = current.replayer;
         // auto play
         setTimeout(() => {
           this.set({ isPlaying: true });
@@ -192,7 +196,7 @@
         }
       }
       if (changed.skipInactive) {
-        current.replayer.setConfig({ skipInactive: changed.skipInactive });
+        current.replayer.setConfig({ skipInactive: current.skipInactive });
       }
     },
     ondestroy() {
diff --git a/src/components/Switch.html b/src/components/Switch.html
index ffe11be2..3c3a2e7e 100644
--- a/src/components/Switch.html
+++ b/src/components/Switch.html
@@ -21,7 +21,6 @@
 
   .label {
     margin: 0 8px;
-    height: 1em;
   }
 
   .switch input[type='checkbox'] {

From 6a34c7a2e5312ba174a9a9afa3b27cdba89153b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fizer=20Khan=20=28=E0=AE=AA=E0=AF=88=E0=AE=9A=E0=AE=B0?=
 =?UTF-8?q?=E0=AF=8D=20=E0=AE=95=E0=AE=BE=E0=AE=A9=E0=AF=8D=29?=
 <fizerkhan@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 161/345] fix null issue. (#27)

---
 src/snapshot.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index fbffe2db..656de6ea 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -134,7 +134,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
 }
 
 export function absoluteToDoc(doc: Document, attributeValue: string): string {
-  if (attributeValue.trim() === '') {
+  if (!attributeValue || attributeValue.trim() === '') {
     return attributeValue;
   }
   const a: HTMLAnchorElement = doc.createElement('a');

From c9702063a0640148b5631be764b2ff091242df9b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 162/345] Release 0.3.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d5f99489..a96ac663 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 64ee0350d72fdca7b999d01f52cb33368476317a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 163/345] Release 0.7.25

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 852030bf..68b93028 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.24",
+  "version": "0.7.25",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index fca31217..e630a036 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,5 +1,5 @@
 import { serializedNodeWithId, INode, idNodeMap } from './types';
-export declare function absoluteToStylesheet(cssText: string, href: string): string;
+export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
 export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskAllInputs?: boolean): serializedNodeWithId | null;

From cae9f7652bc7c34095d87fa44bd32cf6cf450c63 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 164/345] impl fullscreen mode

---
 public/global.css   |  2 --
 src/Controller.html | 17 ++++++++++---
 src/Player.html     | 60 ++++++++++++++++++++++++++++++++++++++++++---
 src/utils.js        | 53 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 122 insertions(+), 10 deletions(-)

diff --git a/public/global.css b/public/global.css
index 9b30ce94..ddc26d5f 100644
--- a/public/global.css
+++ b/public/global.css
@@ -7,8 +7,6 @@ body {
 
 body {
   margin: 0;
-  padding: 28px;
-  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
diff --git a/src/Controller.html b/src/Controller.html
index b36b5d23..f9878b15 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -16,9 +16,7 @@
     <button on:click="toggle()">
       {#if isPlaying}
       <svg
-        t="1541411313529"
         class="icon"
-        style=""
         viewBox="0 0 1024 1024"
         version="1.1"
         xmlns="http://www.w3.org/2000/svg"
@@ -32,9 +30,7 @@
       </svg>
       {:else}
       <svg
-        t="1541410561137"
         class="icon"
-        style=""
         viewBox="0 0 1024 1024"
         version="1.1"
         xmlns="http://www.w3.org/2000/svg"
@@ -58,6 +54,19 @@
     </button>
     {/each}
     <Switch id="skip" bind:checked="skipInactive" disabled="{isSkipping}" label="skip inactive" />
+    <button on:click="fire('fullscreen')">
+      <svg
+        class="icon"
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="16" height="16"
+      >
+        <defs><style type="text/css"></style></defs>
+        <path d="M916 380c-26.4 0-48-21.6-48-48L868 223.2 613.6 477.6c-18.4 18.4-48.8 18.4-68 0-18.4-18.4-18.4-48.8 0-68L800 156 692 156c-26.4 0-48-21.6-48-48 0-26.4 21.6-48 48-48l224 0c26.4 0 48 21.6 48 48l0 224C964 358.4 942.4 380 916 380zM231.2 860l108.8 0c26.4 0 48 21.6 48 48s-21.6 48-48 48l-224 0c-26.4 0-48-21.6-48-48l0-224c0-26.4 21.6-48 48-48 26.4 0 48 21.6 48 48L164 792l253.6-253.6c18.4-18.4 48.8-18.4 68 0 18.4 18.4 18.4 48.8 0 68L231.2 860z" p-id="1286"></path>
+      </svg>
+    </button>
   </div>
 </div>
 {/if}
diff --git a/src/Player.html b/src/Player.html
index cd8666ec..d4524723 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,14 +1,22 @@
-<div class="rr-player">
+<div class="rr-player" ref:player style="{playerStyle}">
   <div class="rr-player__frame" ref:frame { style }></div>
   {#if replayer}
-  <Controller { replayer } {showController} />
+  <Controller { replayer } {showController} on:fullscreen="fullscreen()" />
   {/if}
 </div>
 
 <script>
   import { Replayer } from 'rrweb';
   import 'rrweb/dist/rrweb.min.css';
-  import { inlineCss } from './utils.js';
+  import {
+    inlineCss,
+    openFullscreen,
+    exitFullscreen,
+    isFullscreen,
+    onFullscreenChange,
+  } from './utils.js';
+
+  const controllerHeight = 80;
 
   export default {
     components: {
@@ -30,6 +38,12 @@
           height: `${height}px`,
         });
       },
+      playerStyle({ width, height }) {
+        return inlineCss({
+          width: `${width}px`,
+          height: `${height + controllerHeight}px`,
+        });
+      },
     },
     methods: {
       updateScale(el, frameDimension) {
@@ -40,8 +54,13 @@
           `scale(${Math.min(widthScale, heightScale, 1)})` +
           'translate(-50%, -50%)';
       },
+      fullscreen() {
+        if (this.refs.player) {
+          isFullscreen() ? exitFullscreen() : openFullscreen(this.refs.player);
+        }
+      },
     },
-    oncreate(p) {
+    oncreate() {
       const { events } = this.get();
       const replayer = new Replayer(events, {
         speed: 1,
@@ -54,6 +73,39 @@
       this.set({
         replayer,
       });
+      this.fullscreenListener = onFullscreenChange(() => {
+        if (isFullscreen()) {
+          setTimeout(() => {
+            const { width, height } = this.get();
+            // store the original dimension which do not need to be reactive
+            this._width = width;
+            this._height = height;
+            const dimension = {
+              width: document.body.offsetWidth,
+              height: document.body.offsetHeight - controllerHeight,
+            };
+            this.set(dimension);
+            this.updateScale(replayer.wrapper, {
+              width: replayer.iframe.offsetWidth,
+              height: replayer.iframe.offsetHeight,
+            });
+          }, 0);
+        } else {
+          this.set({
+            width: this._width,
+            height: this._height,
+          });
+          this.updateScale(replayer.wrapper, {
+            width: replayer.iframe.offsetWidth,
+            height: replayer.iframe.offsetHeight,
+          });
+        }
+      });
+    },
+    ondestroy() {
+      if (this.fullscreenListener) {
+        this.fullscreenListener();
+      }
     },
   };
 
diff --git a/src/utils.js b/src/utils.js
index 030a77e3..985ef40a 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -31,3 +31,56 @@ export function formatTime(ms) {
   }
   return `${padZero(minute)}:${padZero(second)}`;
 }
+
+export function openFullscreen(el) {
+  if (el.requestFullscreen) {
+    return el.requestFullscreen();
+  } else if (el.mozRequestFullScreen) {
+    /* Firefox */
+    return el.mozRequestFullScreen();
+  } else if (el.webkitRequestFullscreen) {
+    /* Chrome, Safari and Opera */
+    return el.webkitRequestFullscreen();
+  } else if (el.msRequestFullscreen) {
+    /* IE/Edge */
+    return el.msRequestFullscreen();
+  }
+}
+
+export function exitFullscreen() {
+  if (document.exitFullscreen) {
+    return document.exitFullscreen();
+  } else if (document.mozExitFullscreen) {
+    /* Firefox */
+    return document.mozExitFullscreen();
+  } else if (document.webkitExitFullscreen) {
+    /* Chrome, Safari and Opera */
+    return document.webkitExitFullscreen();
+  } else if (document.msExitFullscreen) {
+    /* IE/Edge */
+    return document.msExitFullscreen();
+  }
+}
+
+export function isFullscreen() {
+  return (
+    document.fullscreen ||
+    document.webkitIsFullScreen ||
+    document.mozFullScreen ||
+    document.msFullscreenElement
+  );
+}
+
+export function onFullscreenChange(handler) {
+  document.addEventListener('fullscreenchange', handler);
+  document.addEventListener('webkitfullscreenchange', handler);
+  document.addEventListener('mozfullscreenchange', handler);
+  document.addEventListener('MSFullscreenChange', handler);
+
+  return () => {
+    document.removeEventListener('fullscreenchange', handler);
+    document.removeEventListener('webkitfullscreenchange', handler);
+    document.removeEventListener('mozfullscreenchange', handler);
+    document.removeEventListener('MSFullscreenChange', handler);
+  };
+}

From bfaff6b0e1fb60b16819e9a44b4ef13e883143a9 Mon Sep 17 00:00:00 2001
From: James Bradley <github@jbrew.co.uk>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 165/345] H tags (#28)

* Failing test

* Allow numbers in el name tests

* Allow numbers in el names
---
 src/snapshot.ts                        | 2 +-
 test/__snapshots__/integration.ts.snap | 9 +++++----
 test/html/basic.html                   | 4 ++--
 test/html/invalid-tagname.html         | 3 +--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 656de6ea..2d500d27 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,7 +8,7 @@ import {
 } from './types';
 
 let _id = 1;
-const symbolAndNumberRegex = RegExp('[^a-z]');
+const symbolAndNumberRegex = RegExp('[^a-z1-6]');
 
 function genId(): number {
   return _id++;
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 715debc7..1e70a295 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -45,7 +45,8 @@ exports[`[html file]: basic.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>Document</title>
-</head><body></body></html>"
+</head><body>
+  <h1>Title</h1></body></html>"
 `;
 
 exports[`[html file]: block-element.html 1`] = `
@@ -184,8 +185,8 @@ exports[`[html file]: invalid-tagname.html 1`] = `
 <body>
   <div>Hello</div>
   <div>Hello</div>
-  <div>Hello</div>
-  <div></div></body></html>"
+  <div></div>
+</body></html>"
 `;
 
 exports[`[html file]: picture.html 1`] = `
@@ -222,7 +223,7 @@ exports[`[html file]: with-relative-res.html 1`] = `
 <body>
   <a href=\\"http://localhost:3030/basic.html\\"></a>
   <div>Hello</div>
-  <div>Hello</div>
+  <alt34>Hello</alt34>
   <div>Hello</div>
   <div></div>
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" />
diff --git a/test/html/basic.html b/test/html/basic.html
index 95fac2be..44d38cba 100644
--- a/test/html/basic.html
+++ b/test/html/basic.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-
+  <h1>Title</h1>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/test/html/invalid-tagname.html b/test/html/invalid-tagname.html
index 4d9183df..e28dd710 100644
--- a/test/html/invalid-tagname.html
+++ b/test/html/invalid-tagname.html
@@ -8,8 +8,7 @@
 </head>
 <body>
   <alt="">Hello</alt="">
-  <alt34>Hello</alt34>
   <d123-_+!@#$%^&*()>Hello</d123-_+!@#$%^&*()>
   <ale#></ale#>
 </body>
-</html>
\ No newline at end of file
+</html>

From 750ed8b69e1d8159606e93fdc4d1574fccb31ad1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 166/345] impl auto play

---
 package.json        |  2 +-
 public/index.html   |  1 +
 src/Controller.html | 10 +++++++++-
 src/Player.html     |  4 +++-
 src/utils.js        |  3 +++
 5 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index a96ac663..5049bcec 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.2"
+    "rrweb": "^0.7.7"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/public/index.html b/public/index.html
index 857cd297..8dafb1ed 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,7 @@
         target: document.body,
         data: {
           events,
+          autoPlay: false,
         },
       });
     </script>
diff --git a/src/Controller.html b/src/Controller.html
index f9878b15..f95ce5c2 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -175,11 +175,19 @@
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
         window.replayer = current.replayer;
-        // auto play
         setTimeout(() => {
           this.set({ isPlaying: true });
         }, 0);
         current.replayer.play(0);
+        if (!current.autoPlay) {
+          let firstFullSnapshotRebuilded = false;
+          current.replayer.on('fullsnapshot-rebuilded', () => {
+            if (!firstFullSnapshotRebuilded) {
+              firstFullSnapshotRebuilded = true;
+              current.replayer.pause();
+            }
+          });
+        }
         current.replayer.on('pause', () => {
           this.set({ isPlaying: false });
         });
diff --git a/src/Player.html b/src/Player.html
index d4524723..09d4958f 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,7 +1,7 @@
 <div class="rr-player" ref:player style="{playerStyle}">
   <div class="rr-player__frame" ref:frame { style }></div>
   {#if replayer}
-  <Controller { replayer } {showController} on:fullscreen="fullscreen()" />
+  <Controller { replayer } {showController} {autoPlay} on:fullscreen="fullscreen()" />
   {/if}
 </div>
 
@@ -28,6 +28,7 @@
         width: 1024,
         height: 576,
         events: [],
+        autoPlay: true,
         replayer: null,
       };
     },
@@ -66,6 +67,7 @@
         speed: 1,
         root: this.refs.frame,
         skipInactive: true,
+        showWarning: true,
       });
       replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension)
diff --git a/src/utils.js b/src/utils.js
index 985ef40a..fbb808db 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -21,6 +21,9 @@ const SECOND = 1000;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
 export function formatTime(ms) {
+  if (ms <= 0) {
+    return '00:00';
+  }
   const hour = Math.floor(ms / HOUR);
   ms = ms % HOUR;
   const minute = Math.floor(ms / MINUTE);

From 055853386a1b57a4f4be5b5b8d5d43d28a76146e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 167/345] close #29 add MIT license

---
 LICENSE | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 LICENSE

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 00000000..0b2f1b2f
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Contributors (https://github.com/rrweb-io/rrweb-snapshot/graphs/contributors) and SmartX Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

From ac8da53f78be8937a3ceafd9077d0bfbe9fe58db Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 168/345] bypass event listener to rrweb event emitter

---
 package.json      | 2 +-
 public/index.html | 4 ++--
 src/Player.html   | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 5049bcec..a0bb66be 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.7"
+    "rrweb": "^0.7.8"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/public/index.html b/public/index.html
index 8dafb1ed..7e6ff699 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,13 +15,13 @@
     <script src="./events.js"></script>
     <script>
       // eslint-disable-next-line
-      new rrwebPlayer({
+      const component = new rrwebPlayer({
         target: document.body,
         data: {
           events,
-          autoPlay: false,
         },
       });
+      component.addEventListener('finish', () => console.log('finish'));
     </script>
   </body>
 </html>
diff --git a/src/Player.html b/src/Player.html
index 09d4958f..6ec461a4 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -60,6 +60,10 @@
           isFullscreen() ? exitFullscreen() : openFullscreen(this.refs.player);
         }
       },
+      addEventListener(event, handler) {
+        const { replayer } = this.get();
+        replayer.on(event, handler);
+      },
     },
     oncreate() {
       const { events } = this.get();

From eed58d279096e1d73e07d0d36b510da35c2d7295 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 169/345] Release 0.7.26

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 68b93028..5056a1ed 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.25",
+  "version": "0.7.26",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From da99e8a3a21da57d4ab7506489c31e46c7eac84f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 170/345] Release 0.3.8

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a0bb66be..86b7b6f6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From dc56ec274a1ec5f7d9305b0a53bb16eae56daab9 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 171/345] Avoid more common causes of 'blocked script
 execution' console.error messages in Chrome which are not exceptions (but
 look like them): (#30)

'Blocked script execution in '<page>' because the document's frame is sandboxed and the 'allow-scripts' permission is not set'
---
 src/rebuild.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 4a42d5be..c9be6d23 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -128,6 +128,11 @@ function buildNode(
           try {
             if (n.isSVG && name === 'xlink:href') {
               node.setAttributeNS('http://www.w3.org/1999/xlink', name, value);
+            } else if (name == 'onload' || name == 'onclick' || name.substring(0, 7) == 'onmouse') {
+              // Rename some of the more common atttributes from https://www.w3schools.com/tags/ref_eventattributes.asp
+              // as setting them triggers a console.error (which shows up despite the try/catch)
+              // Assumption: these attributes are not used to css
+              node.setAttribute('_' + name, value);
             } else {
               node.setAttribute(name, value);
             }

From 1e01ae42c458e7b64547bcd34ced94f51574315a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 172/345] update rrweb

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 86b7b6f6..a472002b 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.8"
+    "rrweb": "^0.7.9"
   },
   "scripts": {
     "build": "rollup -c",

From f22402d39d239a883a26a2c3650cc8aa6dff3fa5 Mon Sep 17 00:00:00 2001
From: Maxim Postautov <54762420+mpstv@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 173/345] add '-' to symbolAndNumberRegex (#34)

---
 src/snapshot.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 2d500d27..32fe3e41 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,7 +8,7 @@ import {
 } from './types';
 
 let _id = 1;
-const symbolAndNumberRegex = RegExp('[^a-z1-6]');
+const symbolAndNumberRegex = RegExp('[^a-z1-6\-]');
 
 function genId(): number {
   return _id++;
@@ -32,9 +32,9 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
     const rules = s.rules || s.cssRules;
     return rules
       ? Array.from(rules).reduce(
-          (prev, cur) => prev + getCssRuleString(cur),
-          '',
-        )
+        (prev, cur) => prev + getCssRuleString(cur),
+        '',
+      )
       : null;
   } catch (error) {
     return null;

From aa48697ee139d3a679acba5a9fbf1cc17a0ec09e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 174/345] Release 0.3.9

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a472002b..e055b939 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 73901d9e592305ea3d9afe3d044d964d0c187d8d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 175/345] Release 0.7.27

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5056a1ed..7d9c9a97 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.26",
+  "version": "0.7.27",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 4748be58d340d5d92bb0314eed2206a1cd109bf5 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 176/345] enable click to play and update rrweb

---
 package.json        |  2 +-
 src/Controller.html | 19 ++++++++++++++++---
 src/Player.html     |  3 +++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index e055b939..eb8c40a9 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.9"
+    "rrweb": "^0.7.11"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index f95ce5c2..3af4c71c 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -2,7 +2,11 @@
 <div class="rr-controller">
   <div class="rr-timeline">
     <span class="rr-timeline__time">{formatTime(currentTime)}</span>
-    <div class="rr-progress" ref:progress>
+    <div
+      class="rr-progress"
+      class:disabled="isSkipping"
+      ref:progress on:click="handleProgressClick(event)"
+    >
       <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
       <div
         class="rr-progress__handler"
@@ -155,6 +159,10 @@
         }
       },
       handleProgressClick(event) {
+        const { meta, replayer, isPlaying, isSkipping } = this.get();
+        if (isSkipping) {
+          return;
+        }
         const progressRect = this.refs.progress.getBoundingClientRect();
         const x = event.clientX - progressRect.left;
         let percent = x / progressRect.width;
@@ -163,7 +171,6 @@
         } else if (percent > 1) {
           percent = 1;
         }
-        const { meta, replayer, isPlaying } = this.get();
         const timeOffset = meta.totalTime * percent;
         this.set({ currentTime: timeOffset });
         replayer.play(timeOffset);
@@ -254,7 +261,13 @@
     background: #eee;
     position: relative;
     border-radius: 3px;
-    /* cursor: pointer; */
+    cursor: pointer;
+    border-top: solid 4px #fff;
+    border-bottom: solid 4px #fff;
+  }
+
+  .rr-progress.disabled {
+    cursor: not-allowed;
   }
 
   .rr-progress__step {
diff --git a/src/Player.html b/src/Player.html
index 6ec461a4..674d7220 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -64,6 +64,9 @@
         const { replayer } = this.get();
         replayer.on(event, handler);
       },
+      addEvent(event) {
+        replayer.addEvent(event);
+      },
     },
     oncreate() {
       const { events } = this.get();

From 79fe0d1fd8bbec1f906ae557e66a3ed8f2e24b3c Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 177/345] Don't obscure text of form buttons under
 `maskAllInputs` (more modern style would be a `<button>`) (#35)

---
 src/snapshot.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 32fe3e41..c3e6d3b8 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -242,6 +242,8 @@ function serializeNode(
         if (
           attributes.type !== 'radio' &&
           attributes.type !== 'checkbox' &&
+          attributes.type !== 'submit' &&
+          attributes.type !== 'button' &&
           value
         ) {
           attributes.value = maskAllInputs ? '*'.repeat(value.length) : value;

From 72d2a8b30208f014c4f502c7956af39bebb6fe7d Mon Sep 17 00:00:00 2001
From: Xavier <xavier.heysch@ifctrade.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 178/345] Fix progress bar height

---
 src/Controller.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Controller.html b/src/Controller.html
index 3af4c71c..4cf9e338 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -257,7 +257,7 @@
 
   .rr-progress {
     width: 100%;
-    height: 4px;
+    height: 12px;
     background: #eee;
     position: relative;
     border-radius: 3px;

From 1b5388700bc90962b10ecc0fe3036c467f1b7aab Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 179/345] Release 0.3.10

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index eb8c40a9..783cc987 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 02123b28743d5568bf5ef9c8bb71bab35ffc68df Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 180/345] part of rrweb #80, support configure mask input types

---
 src/snapshot.ts | 58 ++++++++++++++++++++++++++++++++++---------------
 src/types.ts    | 16 ++++++++++++++
 2 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index c3e6d3b8..edc91231 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -5,10 +5,11 @@ import {
   attributes,
   INode,
   idNodeMap,
+  MaskInputOptions,
 } from './types';
 
 let _id = 1;
-const symbolAndNumberRegex = RegExp('[^a-z1-6\-]');
+const symbolAndNumberRegex = RegExp('[^a-z1-6-]');
 
 function genId(): number {
   return _id++;
@@ -32,9 +33,9 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
     const rules = s.rules || s.cssRules;
     return rules
       ? Array.from(rules).reduce(
-        (prev, cur) => prev + getCssRuleString(cur),
-        '',
-      )
+          (prev, cur) => prev + getCssRuleString(cur),
+          '',
+        )
       : null;
   } catch (error) {
     return null;
@@ -54,10 +55,7 @@ function isCSSImportRule(rule: CSSRule): rule is CSSImportRule {
 function extractOrigin(url: string): string {
   let origin;
   if (url.indexOf('//') > -1) {
-    origin = url
-      .split('/')
-      .slice(0, 3)
-      .join('/');
+    origin = url.split('/').slice(0, 3).join('/');
   } else {
     origin = url.split('/')[0];
   }
@@ -114,7 +112,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
   // srcset attributes is defined as such:
   // srcset = "url size,url1 size1"
   const resultingSrcsetString = srcsetValues
-    .map(srcItem => {
+    .map((srcItem) => {
       // removing all but middle spaces
       const trimmedSrcItem = srcItem.trimLeft().trimRight();
       const urlAndSize = trimmedSrcItem.split(' ');
@@ -168,7 +166,7 @@ function serializeNode(
   doc: Document,
   blockClass: string | RegExp,
   inlineStylesheet: boolean,
-  maskAllInputs: boolean,
+  maskInputOptions: MaskInputOptions = {},
 ): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -188,7 +186,7 @@ function serializeNode(
       if (typeof blockClass === 'string') {
         needBlock = (n as HTMLElement).classList.contains(blockClass);
       } else {
-        (n as HTMLElement).classList.forEach(className => {
+        (n as HTMLElement).classList.forEach((className) => {
           if (blockClass.test(className)) {
             needBlock = true;
           }
@@ -201,7 +199,7 @@ function serializeNode(
       }
       // remote css
       if (tagName === 'link' && inlineStylesheet) {
-        const stylesheet = Array.from(doc.styleSheets).find(s => {
+        const stylesheet = Array.from(doc.styleSheets).find((s) => {
           return s.href === (n as HTMLLinkElement).href;
         });
         const cssText = getCssRulesString(stylesheet as CSSStyleSheet);
@@ -246,7 +244,11 @@ function serializeNode(
           attributes.type !== 'button' &&
           value
         ) {
-          attributes.value = maskAllInputs ? '*'.repeat(value.length) : value;
+          attributes.value = maskInputOptions[
+            attributes.type as keyof MaskInputOptions
+          ]
+            ? '*'.repeat(value.length)
+            : value;
         } else if ((n as HTMLInputElement).checked) {
           attributes.checked = (n as HTMLInputElement).checked;
         }
@@ -320,14 +322,14 @@ export function serializeNodeWithId(
   blockClass: string | RegExp,
   skipChild = false,
   inlineStylesheet = true,
-  maskAllInputs = false,
+  maskInputOptions?: MaskInputOptions,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(
     n,
     doc,
     blockClass,
     inlineStylesheet,
-    maskAllInputs,
+    maskInputOptions,
   );
   if (!_serializedNode) {
     // TODO: dev only
@@ -363,7 +365,7 @@ export function serializeNodeWithId(
         blockClass,
         skipChild,
         inlineStylesheet,
-        maskAllInputs,
+        maskInputOptions,
       );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
@@ -377,9 +379,29 @@ function snapshot(
   n: Document,
   blockClass: string | RegExp = 'rr-block',
   inlineStylesheet = true,
-  maskAllInputs = false,
+  maskAllInputsOrOptions: boolean | MaskInputOptions,
 ): [serializedNodeWithId | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
+  const maskInputOptions: MaskInputOptions =
+    maskAllInputsOrOptions === true
+      ? {
+          color: true,
+          date: true,
+          'datetime-local': true,
+          email: true,
+          month: true,
+          number: true,
+          range: true,
+          search: true,
+          tel: true,
+          text: true,
+          time: true,
+          url: true,
+          week: true,
+        }
+      : maskAllInputsOrOptions === false
+      ? {}
+      : maskAllInputsOrOptions;
   return [
     serializeNodeWithId(
       n,
@@ -388,7 +410,7 @@ function snapshot(
       blockClass,
       false,
       inlineStylesheet,
-      maskAllInputs,
+      maskInputOptions,
     ),
     idNodeMap,
   ];
diff --git a/src/types.ts b/src/types.ts
index 2bdbd74c..78582c66 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -68,3 +68,19 @@ export interface INode extends Node {
 export type idNodeMap = {
   [key: number]: INode;
 };
+
+export type MaskInputOptions = Partial<{
+  color: boolean;
+  date: boolean;
+  'datetime-local': boolean;
+  email: boolean;
+  month: boolean;
+  number: boolean;
+  range: boolean;
+  search: boolean;
+  tel: boolean;
+  text: boolean;
+  time: boolean;
+  url: boolean;
+  week: boolean;
+}>;

From f9aa4555d8c00bb74ca4a63146fde2bd7ad57920 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 181/345] Release 0.7.28

---
 package.json          |  2 +-
 typings/snapshot.d.ts |  6 +++---
 typings/types.d.ts    | 15 +++++++++++++++
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 7d9c9a97..320d77a4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.27",
+  "version": "0.7.28",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index e630a036..3b6ed5d7 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,7 +1,7 @@
-import { serializedNodeWithId, INode, idNodeMap } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions } from './types';
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskAllInputs?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass?: string | RegExp, inlineStylesheet?: boolean, maskAllInputs?: boolean): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions): [serializedNodeWithId | null, idNodeMap];
 export default snapshot;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 556e0bdf..5c385e48 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -53,3 +53,18 @@ export interface INode extends Node {
 export declare type idNodeMap = {
     [key: number]: INode;
 };
+export declare type MaskInputOptions = Partial<{
+    color: boolean;
+    date: boolean;
+    'datetime-local': boolean;
+    email: boolean;
+    month: boolean;
+    number: boolean;
+    range: boolean;
+    search: boolean;
+    tel: boolean;
+    text: boolean;
+    time: boolean;
+    url: boolean;
+    week: boolean;
+}>;

From de652a36a755c5cec75095678b3a7e4ccc3b9f4e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 182/345] force box-sizing model for progress bar

---
 src/Controller.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Controller.html b/src/Controller.html
index 4cf9e338..dac8d1ee 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -262,6 +262,7 @@
     position: relative;
     border-radius: 3px;
     cursor: pointer;
+    box-sizing: border-box;
     border-top: solid 4px #fff;
     border-bottom: solid 4px #fff;
   }

From b4a3d4c66af5a30b213bdcf791c152a5cee54919 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 183/345] fix mask textarea

---
 src/snapshot.ts | 12 +++++++-----
 src/types.ts    |  2 ++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index edc91231..79d6c805 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -237,6 +237,8 @@ function serializeNode(
         tagName === 'select'
       ) {
         const value = (n as HTMLInputElement | HTMLTextAreaElement).value;
+        const needBlockTextarea =
+          tagName === 'textarea' && maskInputOptions.textarea;
         if (
           attributes.type !== 'radio' &&
           attributes.type !== 'checkbox' &&
@@ -244,11 +246,11 @@ function serializeNode(
           attributes.type !== 'button' &&
           value
         ) {
-          attributes.value = maskInputOptions[
-            attributes.type as keyof MaskInputOptions
-          ]
-            ? '*'.repeat(value.length)
-            : value;
+          attributes.value =
+            maskInputOptions[attributes.type as keyof MaskInputOptions] ||
+            needBlockTextarea
+              ? '*'.repeat(value.length)
+              : value;
         } else if ((n as HTMLInputElement).checked) {
           attributes.checked = (n as HTMLInputElement).checked;
         }
diff --git a/src/types.ts b/src/types.ts
index 78582c66..1ec1109e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -83,4 +83,6 @@ export type MaskInputOptions = Partial<{
   time: boolean;
   url: boolean;
   week: boolean;
+  // unify textarea element with text input
+  textarea: boolean;
 }>;

From e3698d14b1b075426e2330031d613ea64e8103b2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 184/345] Release 0.3.11

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 783cc987..0638a4a1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 80ef6a4007ba16281af69e81ac02ac156cb67659 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 185/345] Release 0.7.29

---
 package.json       | 2 +-
 typings/types.d.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 320d77a4..dbaa7dd5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.28",
+  "version": "0.7.29",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 5c385e48..9e440a8d 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -67,4 +67,5 @@ export declare type MaskInputOptions = Partial<{
     time: boolean;
     url: boolean;
     week: boolean;
+    textarea: boolean;
 }>;

From 07264d80112d3558df753d6ba0b3c947c75f1f28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=82=89=E8=82=89=E8=82=89=E8=82=89?=
 <miss.wengxiaojun@163.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 186/345] fix translate second to second problem: formatTime
 function in utils/index.ts (#6)

---
 src/utils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils.js b/src/utils.js
index fbb808db..19be8f97 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -28,7 +28,7 @@ export function formatTime(ms) {
   ms = ms % HOUR;
   const minute = Math.floor(ms / MINUTE);
   ms = ms % MINUTE;
-  const second = Math.round(ms / SECOND);
+  const second = Math.floor(ms / SECOND);
   if (hour) {
     return `${padZero(hour)}:${padZero(minute)}:${padZero(second)}`;
   }

From 8592fbd05bc6b78ebfebf524b40ce2b618fce549 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 187/345] support mask select fields

---
 src/snapshot.ts | 4 +---
 src/types.ts    | 3 ++-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 79d6c805..b3c50c3c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -237,8 +237,6 @@ function serializeNode(
         tagName === 'select'
       ) {
         const value = (n as HTMLInputElement | HTMLTextAreaElement).value;
-        const needBlockTextarea =
-          tagName === 'textarea' && maskInputOptions.textarea;
         if (
           attributes.type !== 'radio' &&
           attributes.type !== 'checkbox' &&
@@ -248,7 +246,7 @@ function serializeNode(
         ) {
           attributes.value =
             maskInputOptions[attributes.type as keyof MaskInputOptions] ||
-            needBlockTextarea
+            maskInputOptions[tagName as keyof MaskInputOptions]
               ? '*'.repeat(value.length)
               : value;
         } else if ((n as HTMLInputElement).checked) {
diff --git a/src/types.ts b/src/types.ts
index 1ec1109e..a5abef35 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -83,6 +83,7 @@ export type MaskInputOptions = Partial<{
   time: boolean;
   url: boolean;
   week: boolean;
-  // unify textarea element with text input
+  // unify textarea and select element with text input
   textarea: boolean;
+  select: boolean;
 }>;

From 1f6b9ec1dadfda1a106d773cfad8f5bbee1c241d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 188/345] update dependency

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0638a4a1..d2b9029c 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.11"
+    "rrweb": "^0.7.17"
   },
   "scripts": {
     "build": "rollup -c",

From 77aa87fc498c8ca742756aa0481ab49627f879eb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 189/345] Release 0.8.0

---
 package.json       | 2 +-
 typings/types.d.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dbaa7dd5..e3308648 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.7.29",
+  "version": "0.8.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 9e440a8d..1c819ee8 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -68,4 +68,5 @@ export declare type MaskInputOptions = Partial<{
     url: boolean;
     week: boolean;
     textarea: boolean;
+    select: boolean;
 }>;

From 9b451f06e1999c9cd37040f86c50c1b5a70ae601 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 190/345] Release 0.3.12

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d2b9029c..c8f7e651 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From ec7e944a3d89c371bfb6bcdd12a6ba11da2e5649 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 191/345] add textarea and select to default options

---
 src/snapshot.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index b3c50c3c..4519a2be 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -398,6 +398,8 @@ function snapshot(
           time: true,
           url: true,
           week: true,
+          textarea: true,
+          select: true,
         }
       : maskAllInputsOrOptions === false
       ? {}

From 6a24ddc368e4dc90169afb2f6ba75f11cfed7f4e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 192/345] Release 0.3.13

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c8f7e651..64d3dcf4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 1c4357780780c571acf1d13a58dadd4e7dbf3cf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=BA=B7?= <wu.zekang@outlook.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 193/345] Add nested scroll support (#31)

---
 src/rebuild.ts     | 29 +++++++++++++++++++++++++++--
 src/snapshot.ts    |  7 +++++++
 src/types.ts       |  2 +-
 typings/types.d.ts |  2 +-
 4 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index c9be6d23..bb26aefa 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -102,7 +102,7 @@ function buildNode(
           continue;
         }
         let value = n.attributes[name];
-        value = typeof value === 'boolean' ? '' : value;
+        value = typeof value === 'boolean' || typeof value === 'number' ? '' : value;
         // attribute names start with rr_ are internal attributes added by rrweb
         if (!name.startsWith('rr_')) {
           const isTextarea = tagName === 'textarea' && name === 'value';
@@ -220,6 +220,29 @@ export function buildNodeWithSN(
   return node as INode;
 }
 
+function sideEffects(idNodeMap: idNodeMap) {
+  for(let id in idNodeMap) {
+    const node = idNodeMap[id];
+    const n = node.__sn;
+    if (n.type !== NodeType.Element) {
+      continue;
+    }
+    const el = node as Node as HTMLElement;
+    for(const name in n.attributes) {
+      if (!(n.attributes.hasOwnProperty(name) && name.startsWith('rr_'))) {
+        continue;
+      }
+      const value = n.attributes[name];
+      if (name === 'rr_scrollLeft') {
+        el.scrollLeft = value as number;
+      }
+      if (name === 'rr_scrollTop') {
+        el.scrollTop = value as number;
+      }
+    }
+  }
+}
+
 function rebuild(
   n: serializedNodeWithId,
   doc: Document,
@@ -229,7 +252,9 @@ function rebuild(
   HACK_CSS: boolean = true,
 ): [Node | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
-  return [buildNodeWithSN(n, doc, idNodeMap, false, HACK_CSS), idNodeMap];
+  const node = buildNodeWithSN(n, doc, idNodeMap, false, HACK_CSS);
+  sideEffects(idNodeMap);
+  return [node, idNodeMap];
 }
 
 export default rebuild;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 4519a2be..685e0fd5 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -269,6 +269,13 @@ function serializeNode(
           ? 'paused'
           : 'played';
       }
+      // scroll
+      if ((n as HTMLElement).scrollLeft) {
+        attributes.rr_scrollLeft = (n as HTMLElement).scrollLeft;
+      }
+      if ((n as HTMLElement).scrollTop) {
+        attributes.rr_scrollTop = (n as HTMLElement).scrollTop;
+      }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
         attributes.rr_width = `${width}px`;
diff --git a/src/types.ts b/src/types.ts
index a5abef35..d8546e84 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -20,7 +20,7 @@ export type documentTypeNode = {
 };
 
 export type attributes = {
-  [key: string]: string | boolean;
+  [key: string]: string | number | boolean;
 };
 export type elementNode = {
   type: NodeType.Element;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 1c819ee8..90271c14 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -17,7 +17,7 @@ export declare type documentTypeNode = {
     systemId: string;
 };
 export declare type attributes = {
-    [key: string]: string | boolean;
+    [key: string]: string | number | boolean;
 };
 export declare type elementNode = {
     type: NodeType.Element;

From 9a75e27d7141bad458f62dc0a394627523733908 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 194/345] Release 0.3.12

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 64d3dcf4..c8f7e651 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.13",
+  "version": "0.3.12",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 949c236e291df0e5985c02dddf897f7a53049ca6 Mon Sep 17 00:00:00 2001
From: Jason Barry <jasbarry@me.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 195/345] Fixes missing space when converting srcset to use
 absolute URLs (#40)

* Fixes missing space when converting srcset to use absolute URLs

* Fix integration snapshot
---
 src/snapshot.ts                        | 2 +-
 test/__snapshots__/integration.ts.snap | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 685e0fd5..351bbc75 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -126,7 +126,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
       }
       return '';
     })
-    .join(',');
+    .join(', ');
 
   return resultingSrcsetString;
 }
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 1e70a295..7bf95acf 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -229,7 +229,7 @@ exports[`[html file]: with-relative-res.html 1`] = `
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://exmple.com/a.jpg\\" />
-  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg 3x,http://localhost:3030/a.jpg 45x,http://localhost:3030/b.png\\" /></body></html>"
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg 3x, http://localhost:3030/a.jpg 45x, http://localhost:3030/b.png\\" /></body></html>"
 `;
 
 exports[`[html file]: with-script.html 1`] = `

From 58239befc9364d7ef4aa2de722c56c57b91ac980 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 196/345] fix version number

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c8f7e651..64d3dcf4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From cd601571eadccc7bf75faa6a6dc7d09ff65db331 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 197/345] Expand what is considered to be a valid tag name to
 include underscores: (#41)

- was making this change for <wix-image> on Wix websites, but discovered after that this has already been done in e4593ff76d90e2519abe66186c38c0c2c473cd01
 - have tested document.createElement('wix-image') and document.createElement('foo_bar'), but can't find a canonical source for what is allowed in tag names.
 - this restriction was originally introduced in #150 to prevent document.createElement('alt=""') i.e. a very malformed tag name
---
 src/snapshot.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 351bbc75..f2300cf3 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -9,7 +9,7 @@ import {
 } from './types';
 
 let _id = 1;
-const symbolAndNumberRegex = RegExp('[^a-z1-6-]');
+const tagNameRegex = RegExp('[^a-z1-6-_]');
 
 function genId(): number {
   return _id++;
@@ -18,7 +18,7 @@ function genId(): number {
 function getValidTagName(tagName: string): string {
   const processedTagName = tagName.toLowerCase().trim();
 
-  if (symbolAndNumberRegex.test(processedTagName)) {
+  if (tagNameRegex.test(processedTagName)) {
     // if the tag name is odd and we cannot extract
     // anything from the string, then we return a
     // generic div

From fbc0a0335f1e18ea0e27abb9e843a672a30b2cfe Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 198/345] Release 0.3.12

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 64d3dcf4..c8f7e651 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.13",
+  "version": "0.3.12",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 29fcf03d4f67c4d7ccba43f5d0756f637d1937db Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 199/345] provide a general visit function to modify rebuilt id
 node map

---
 src/rebuild.ts | 62 +++++++++++++++++++++++++++++++++-----------------
 1 file changed, 41 insertions(+), 21 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index bb26aefa..23025797 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -62,7 +62,7 @@ export function addHoverClass(cssText: string): string {
   if (!ast.stylesheet) {
     return cssText;
   }
-  ast.stylesheet.rules.forEach(rule => {
+  ast.stylesheet.rules.forEach((rule) => {
     if ('selectors' in rule) {
       (rule.selectors || []).forEach((selector: string) => {
         if (HOVER_SELECTOR.test(selector)) {
@@ -102,7 +102,8 @@ function buildNode(
           continue;
         }
         let value = n.attributes[name];
-        value = typeof value === 'boolean' || typeof value === 'number' ? '' : value;
+        value =
+          typeof value === 'boolean' || typeof value === 'number' ? '' : value;
         // attribute names start with rr_ are internal attributes added by rrweb
         if (!name.startsWith('rr_')) {
           const isTextarea = tagName === 'textarea' && name === 'value';
@@ -128,7 +129,11 @@ function buildNode(
           try {
             if (n.isSVG && name === 'xlink:href') {
               node.setAttributeNS('http://www.w3.org/1999/xlink', name, value);
-            } else if (name == 'onload' || name == 'onclick' || name.substring(0, 7) == 'onmouse') {
+            } else if (
+              name === 'onload' ||
+              name === 'onclick' ||
+              name.substring(0, 7) === 'onmouse'
+            ) {
               // Rename some of the more common atttributes from https://www.w3schools.com/tags/ref_eventattributes.asp
               // as setting them triggers a console.error (which shows up despite the try/catch)
               // Assumption: these attributes are not used to css
@@ -220,25 +225,34 @@ export function buildNodeWithSN(
   return node as INode;
 }
 
-function sideEffects(idNodeMap: idNodeMap) {
-  for(let id in idNodeMap) {
-    const node = idNodeMap[id];
-    const n = node.__sn;
-    if (n.type !== NodeType.Element) {
+function visit(idNodeMap: idNodeMap, onVisit: (node: INode) => void) {
+  function walk(node: INode) {
+    onVisit(node);
+  }
+
+  for (const key in idNodeMap) {
+    if (idNodeMap[key]) {
+      walk(idNodeMap[key]);
+    }
+  }
+}
+
+function handleScroll(node: INode) {
+  const n = node.__sn;
+  if (n.type !== NodeType.Element) {
+    return;
+  }
+  const el = (node as Node) as HTMLElement;
+  for (const name in n.attributes) {
+    if (!(n.attributes.hasOwnProperty(name) && name.startsWith('rr_'))) {
       continue;
     }
-    const el = node as Node as HTMLElement;
-    for(const name in n.attributes) {
-      if (!(n.attributes.hasOwnProperty(name) && name.startsWith('rr_'))) {
-        continue;
-      }
-      const value = n.attributes[name];
-      if (name === 'rr_scrollLeft') {
-        el.scrollLeft = value as number;
-      }
-      if (name === 'rr_scrollTop') {
-        el.scrollTop = value as number;
-      }
+    const value = n.attributes[name];
+    if (name === 'rr_scrollLeft') {
+      el.scrollLeft = value as number;
+    }
+    if (name === 'rr_scrollTop') {
+      el.scrollTop = value as number;
     }
   }
 }
@@ -246,6 +260,7 @@ function sideEffects(idNodeMap: idNodeMap) {
 function rebuild(
   n: serializedNodeWithId,
   doc: Document,
+  onVisit?: (node: INode) => unknown,
   /**
    * This is not a public API yet, just for POC
    */
@@ -253,7 +268,12 @@ function rebuild(
 ): [Node | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
   const node = buildNodeWithSN(n, doc, idNodeMap, false, HACK_CSS);
-  sideEffects(idNodeMap);
+  visit(idNodeMap, (visitedNode) => {
+    if (onVisit) {
+      onVisit(visitedNode);
+    }
+    handleScroll(visitedNode);
+  });
   return [node, idNodeMap];
 }
 

From 7210e5b9a1e6a2225b7d80dc9f18f98248efc3fd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 200/345] Release 0.3.14

---
 .release-it.json | 5 +++--
 package.json     | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/.release-it.json b/.release-it.json
index 1c32fadb..65a2f9aa 100644
--- a/.release-it.json
+++ b/.release-it.json
@@ -1,4 +1,5 @@
 {
-  "non-interactive": true,
-  "buildCommand": "npm run build"
+  "non-interactive": false,
+  "buildCommand": "npm run build",
+  "requireCleanWorkingDir": false
 }
diff --git a/package.json b/package.json
index c8f7e651..06984d63 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.12",
+  "version": "0.3.14",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 52aac74fa26660091dbb89cd23eea66f7fcb3380 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 201/345] add visit function for snapshot

---
 src/index.ts    |  7 ++++++-
 src/snapshot.ts | 17 +++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/index.ts b/src/index.ts
index 7c059f37..1d5c89ea 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,8 @@
-import snapshot, { serializeNodeWithId, transformAttribute } from './snapshot';
+import snapshot, {
+  serializeNodeWithId,
+  transformAttribute,
+  visit,
+} from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
 
@@ -9,4 +13,5 @@ export {
   buildNodeWithSN,
   addHoverClass,
   transformAttribute,
+  visit,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index f2300cf3..10a6d857 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -425,4 +425,21 @@ function snapshot(
   ];
 }
 
+export function visit(
+  node: serializedNodeWithId,
+  onVisit: (node: serializedNodeWithId) => unknown,
+) {
+  function walk(current: serializedNodeWithId) {
+    onVisit(current);
+    if (
+      current.type === NodeType.Document ||
+      current.type === NodeType.Element
+    ) {
+      current.childNodes.forEach(walk);
+    }
+  }
+
+  walk(node);
+}
+
 export default snapshot;

From 6c258ee50ce19131a7a2a55b0690d74bee1af3f7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 202/345] update rrweb

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 06984d63..e91d203d 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.17"
+    "rrweb": "^0.7.19"
   },
   "scripts": {
     "build": "rollup -c",

From 41868e2265c64d2ecb07ce81cb3514cd944b8e6a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 203/345] rename visit to visitSnapshot

---
 src/index.ts          | 4 ++--
 src/snapshot.ts       | 2 +-
 typings/index.d.ts    | 4 ++--
 typings/rebuild.d.ts  | 2 +-
 typings/snapshot.d.ts | 1 +
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 1d5c89ea..0688bb24 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,7 +1,7 @@
 import snapshot, {
   serializeNodeWithId,
   transformAttribute,
-  visit,
+  visitSnapshot,
 } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
@@ -13,5 +13,5 @@ export {
   buildNodeWithSN,
   addHoverClass,
   transformAttribute,
-  visit,
+  visitSnapshot,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 10a6d857..6d321575 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -425,7 +425,7 @@ function snapshot(
   ];
 }
 
-export function visit(
+export function visitSnapshot(
   node: serializedNodeWithId,
   onVisit: (node: serializedNodeWithId) => unknown,
 ) {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 81e7b277..b871ef01 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId, transformAttribute } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, };
diff --git a/typings/rebuild.d.ts b/typings/rebuild.d.ts
index 5ea522d8..f61a762a 100644
--- a/typings/rebuild.d.ts
+++ b/typings/rebuild.d.ts
@@ -1,5 +1,5 @@
 import { serializedNodeWithId, idNodeMap, INode } from './types';
 export declare function addHoverClass(cssText: string): string;
 export declare function buildNodeWithSN(n: serializedNodeWithId, doc: Document, map: idNodeMap, skipChild?: boolean, HACK_CSS?: boolean): INode | null;
-declare function rebuild(n: serializedNodeWithId, doc: Document, HACK_CSS?: boolean): [Node | null, idNodeMap];
+declare function rebuild(n: serializedNodeWithId, doc: Document, onVisit?: (node: INode) => unknown, HACK_CSS?: boolean): [Node | null, idNodeMap];
 export default rebuild;
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 3b6ed5d7..2c03a806 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -4,4 +4,5 @@ export declare function absoluteToDoc(doc: Document, attributeValue: string): st
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
 export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions): serializedNodeWithId | null;
 declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions): [serializedNodeWithId | null, idNodeMap];
+export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export default snapshot;

From 79bb37616a703e356c471c8339a4b1ec423050aa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 204/345] Release 0.3.15

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e91d203d..6faf126f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.14",
+  "version": "0.3.15",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 287a6073c02d67d5e5e164252bd8a2edcdcf3895 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 205/345] add an option to enable/disable take canvas snapshot

---
 src/snapshot.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 6d321575..fec9813d 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -167,6 +167,7 @@ function serializeNode(
   blockClass: string | RegExp,
   inlineStylesheet: boolean,
   maskInputOptions: MaskInputOptions = {},
+  recordCanvas: boolean,
 ): serializedNode | false {
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -260,7 +261,7 @@ function serializeNode(
         }
       }
       // canvas image data
-      if (tagName === 'canvas') {
+      if (tagName === 'canvas' && recordCanvas) {
         attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL();
       }
       // media elements
@@ -330,6 +331,7 @@ export function serializeNodeWithId(
   skipChild = false,
   inlineStylesheet = true,
   maskInputOptions?: MaskInputOptions,
+  recordCanvas?: boolean,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(
     n,
@@ -337,6 +339,7 @@ export function serializeNodeWithId(
     blockClass,
     inlineStylesheet,
     maskInputOptions,
+    recordCanvas || false,
   );
   if (!_serializedNode) {
     // TODO: dev only
@@ -373,6 +376,7 @@ export function serializeNodeWithId(
         skipChild,
         inlineStylesheet,
         maskInputOptions,
+        recordCanvas,
       );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
@@ -387,6 +391,7 @@ function snapshot(
   blockClass: string | RegExp = 'rr-block',
   inlineStylesheet = true,
   maskAllInputsOrOptions: boolean | MaskInputOptions,
+  recordCanvas?: boolean,
 ): [serializedNodeWithId | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
@@ -420,6 +425,7 @@ function snapshot(
       false,
       inlineStylesheet,
       maskInputOptions,
+      recordCanvas,
     ),
     idNodeMap,
   ];

From a6d6d4b3cd77848e167e640f21661979ce5f49fb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 206/345] Release 0.3.16

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6faf126f..8a8b28c7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.19"
+    "rrweb": "^0.7.23"
   },
   "scripts": {
     "build": "rollup -c",

From c43189d3fece98f784019ac986a0c739d2f3b343 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 207/345] Release 0.8.1

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index e3308648..a5cad846 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 2c03a806..46982a64 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -2,7 +2,7 @@ import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions } from './type
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, recordCanvas?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, recordCanvas?: boolean): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export default snapshot;

From 092255be913fe62cebea3a7213644f00c404c187 Mon Sep 17 00:00:00 2001
From: mpstv <postautov.max@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 208/345] add skipInactive parameter (#9)

---
 src/Player.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Player.html b/src/Player.html
index 674d7220..ced35e14 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,7 +1,7 @@
 <div class="rr-player" ref:player style="{playerStyle}">
   <div class="rr-player__frame" ref:frame { style }></div>
   {#if replayer}
-  <Controller { replayer } {showController} {autoPlay} on:fullscreen="fullscreen()" />
+  <Controller { replayer } {showController} {autoPlay} {skipInactive} on:fullscreen="fullscreen()" />
   {/if}
 </div>
 
@@ -29,6 +29,7 @@
         height: 576,
         events: [],
         autoPlay: true,
+        skipInactive: true,
         replayer: null,
       };
     },

From 79f1ba574a9f16df6b718b83c2e887508b83ec28 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 209/345] close #42 fallback to html when doctype is invalid

---
 src/rebuild.ts                         | 2 +-
 test/__snapshots__/integration.ts.snap | 9 +++++++++
 test/html/invalid-doctype.html         | 9 +++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 test/html/invalid-doctype.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 23025797..f2a8291d 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -85,7 +85,7 @@ function buildNode(
       return doc.implementation.createDocument(null, '', null);
     case NodeType.DocumentType:
       return doc.implementation.createDocumentType(
-        n.name,
+        n.name || 'html',
         n.publicId,
         n.systemId,
       );
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 7bf95acf..855d73eb 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -175,6 +175,15 @@ exports[`[html file]: invalid-attribute.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: invalid-doctype.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <title>Invalid Doctype</title>
+  </head>
+  <body></body></html>"
+`;
+
 exports[`[html file]: invalid-tagname.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
   <meta charset=\\"UTF-8\\" />
diff --git a/test/html/invalid-doctype.html b/test/html/invalid-doctype.html
new file mode 100644
index 00000000..395c916d
--- /dev/null
+++ b/test/html/invalid-doctype.html
@@ -0,0 +1,9 @@
+<!DOCTYPE >
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Invalid Doctype</title>
+  </head>
+  <body></body>
+</html>

From 5475163a31362617bd8f9506a21aff748c46b559 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 210/345] update rrweb

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8a8b28c7..69211955 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.23"
+    "rrweb": "^0.7.25"
   },
   "scripts": {
     "build": "rollup -c",

From d8ba0cc8e260519c71190c426417805a8278d837 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 211/345] Release 0.8.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a5cad846..eee822bd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 795e6cd8dcb783cad60af98c57288cccaad8b72d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 212/345] Release 0.3.17

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 69211955..90e9dfa2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 71b6e683c01fa0737494211c9744e2e6bf8ede66 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 213/345] Add a `slimDOM` option to strip out unnecessary parts
 of the DOM (#36)

* Add a `slimDOM` option to strip out unnecessary parts of the DOM in terms of replay

 - <script> tags in the <head> take up unnecessary storage space and are often injected semi randomly to become a source of unnecessary variation between recordings of the same thing
 - comment tags can be stripped out without affecting display
 - future: this option could also turn on more aggressive stripping, e.g. elements that are hidden by CSS (assuming we can handle them becoming visible after mutation events)

* Mark nodes ignored due to slimDOM option, so that they can also be ignored by the mutation observer in rrweb

* Introducing the `ignored` attribute violates the `serializedNodeWithId` type

* slimDOM: Strip out whitespace nodes from <head> element as they have no effect but take up space

 - these would otherwise have to be merged after <script> elements are removed; for statcounter usecase, removing
   <script> elements is no good if there is still a trace of their presence due to the white space (and hence a variant <head> node is still produced)
 - I explored a more radical stripping of all white space nodes, but there is a problem if parent node is <pre> or otherwise rendered with `white-space: pre` and similar.
   detecting applied styles with getComputedStyle would be very expensive (I haven't measured it though)

* Export IGNORED_NODE as a constant instead of relying on the hard-to-grok `-2`

* Remove <link rel=preload as=script> which are similarly as useless as <script> tags

* Make slimDOM configurable with the expecations that `slimDOMOptions: true` will only enable non-destructive options (so not all options may be turned on)

* Expand slimDOM to add options to remove more elements from the <head> that should not be necessary in the replayer context
---
 src/index.ts    |   2 +
 src/snapshot.ts | 124 ++++++++++++++++++++++++++++++++++++++++++++++++
 src/types.ts    |  13 +++++
 3 files changed, 139 insertions(+)

diff --git a/src/index.ts b/src/index.ts
index 0688bb24..77ca8377 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,6 +2,7 @@ import snapshot, {
   serializeNodeWithId,
   transformAttribute,
   visitSnapshot,
+  IGNORED_NODE,
 } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
@@ -14,4 +15,5 @@ export {
   addHoverClass,
   transformAttribute,
   visitSnapshot,
+  IGNORED_NODE,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index fec9813d..17150d0a 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -6,11 +6,14 @@ import {
   INode,
   idNodeMap,
   MaskInputOptions,
+  SlimDOMOptions,
 } from './types';
 
 let _id = 1;
 const tagNameRegex = RegExp('[^a-z1-6-_]');
 
+export const IGNORED_NODE = -2;
+
 function genId(): number {
   return _id++;
 }
@@ -323,6 +326,83 @@ function serializeNode(
   }
 }
 
+function lowerIfExists(maybeAttr : string | number | boolean) : string {
+  if (maybeAttr === undefined) {
+    return '';
+  } else {
+    return (maybeAttr as string).toLowerCase();
+  }
+}
+
+function slimDOMExcluded(sn: serializedNode, slimDOMOptions: SlimDOMOptions): boolean {
+  if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
+    // TODO: convert IE conditional comments to real nodes
+    return true;
+  } else if (sn.type === NodeType.Element) {
+    if (slimDOMOptions.script &&
+        (sn.tagName === 'script' ||
+         (sn.tagName === 'link' && sn.attributes.rel === 'preload' && sn.attributes['as'] === 'script')
+        )) {
+      return true;
+    } else if (slimDOMOptions.headFavicon && (
+      (sn.tagName === 'link' && sn.attributes.rel === 'shortcut icon')
+        || (sn.tagName === 'meta' && (
+          lowerIfExists(sn.attributes['name']).match(/^msapplication-tile(image|color)$/)
+            || lowerIfExists(sn.attributes['name']) === 'application-name'
+            || lowerIfExists(sn.attributes['rel']) === 'icon'
+            || lowerIfExists(sn.attributes['rel']) === 'apple-touch-icon'
+            || lowerIfExists(sn.attributes['rel']) === 'shortcut icon'
+        )))) {
+      return true;
+    } else if (sn.tagName === 'meta') {
+      if (slimDOMOptions.headMetaDescKeywords && (
+        lowerIfExists(sn.attributes['name']).match(/^description|keywords$/)
+      )) {
+        return true;
+      } else if (slimDOMOptions.headMetaSocial && (
+        lowerIfExists(sn.attributes['property']).match(/^(og|twitter|fb):/)  // og = opengraph (facebook)
+          || lowerIfExists(sn.attributes['name']).match(/^(og|twitter):/)
+          || lowerIfExists(sn.attributes['name']) === 'pinterest'
+      )) {
+        return true;
+      } else if (slimDOMOptions.headMetaRobots && (
+        lowerIfExists(sn.attributes['name']) === 'robots'
+          || lowerIfExists(sn.attributes['name']) === 'googlebot'
+          || lowerIfExists(sn.attributes['name']) === 'bingbot'
+      )) {
+        return true;
+      } else if (slimDOMOptions.headMetaHttpEquiv && (
+        sn.attributes['http-equiv'] !== undefined
+      )) {
+        // e.g. X-UA-Compatible, Content-Type, Content-Language,
+        // cache-control, X-Translated-By
+        return true;
+      } else if (slimDOMOptions.headMetaAuthorship && (
+        lowerIfExists(sn.attributes['name']) === 'author'
+          || lowerIfExists(sn.attributes['name']) === 'generator'
+          || lowerIfExists(sn.attributes['name']) === 'framework'
+          || lowerIfExists(sn.attributes['name']) === 'publisher'
+          || lowerIfExists(sn.attributes['name']) === 'progid'
+          || lowerIfExists(sn.attributes['property']).match(/^article:/)
+          || lowerIfExists(sn.attributes['property']).match(/^product:/)
+      )) {
+        return true;
+      } else if (slimDOMOptions.headMetaVerification && (
+        lowerIfExists(sn.attributes['name']) === 'google-site-verification'
+          || lowerIfExists(sn.attributes['name']) === 'yandex-verification'
+          || lowerIfExists(sn.attributes['name']) === 'csrf-token'
+          || lowerIfExists(sn.attributes['name']) === 'p:domain_verify'
+          || lowerIfExists(sn.attributes['name']) === 'verify-v1'
+          || lowerIfExists(sn.attributes['name']) === 'verification'
+          || lowerIfExists(sn.attributes['name']) === 'shopify-checkout-api-token'
+      )) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
 export function serializeNodeWithId(
   n: Node | INode,
   doc: Document,
@@ -331,7 +411,9 @@ export function serializeNodeWithId(
   skipChild = false,
   inlineStylesheet = true,
   maskInputOptions?: MaskInputOptions,
+  slimDOMOptions: SlimDOMOptions = {},
   recordCanvas?: boolean,
+  preserveWhiteSpace = true,
 ): serializedNodeWithId | null {
   const _serializedNode = serializeNode(
     n,
@@ -346,15 +428,26 @@ export function serializeNodeWithId(
     console.warn(n, 'not serialized');
     return null;
   }
+
   let id;
   // Try to reuse the previous id
   if ('__sn' in n) {
     id = n.__sn.id;
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) ||
+             (!preserveWhiteSpace &&
+              _serializedNode.type === NodeType.Text &&
+              !_serializedNode.isStyle &&
+              !_serializedNode.textContent.replace(/^\s+|\s+$/gm,'').length
+             )) {
+    id = IGNORED_NODE;
   } else {
     id = genId();
   }
   const serializedNode = Object.assign(_serializedNode, { id });
   (n as INode).__sn = serializedNode;
+  if (id === IGNORED_NODE) {
+    return null;  // slimDOM
+  }
   map[id] = n as INode;
   let recordChild = !skipChild;
   if (serializedNode.type === NodeType.Element) {
@@ -367,6 +460,14 @@ export function serializeNodeWithId(
       serializedNode.type === NodeType.Element) &&
     recordChild
   ) {
+    if (
+      (slimDOMOptions.headWhitespace &&
+       _serializedNode.type === NodeType.Element &&
+       _serializedNode.tagName == 'head')
+      // would impede performance: || getComputedStyle(n)['white-space'] === 'normal'
+    ) {
+      preserveWhiteSpace = false;
+    }
     for (const childN of Array.from(n.childNodes)) {
       const serializedChildNode = serializeNodeWithId(
         childN,
@@ -376,7 +477,9 @@ export function serializeNodeWithId(
         skipChild,
         inlineStylesheet,
         maskInputOptions,
+        slimDOMOptions,
         recordCanvas,
+        preserveWhiteSpace,
       );
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
@@ -391,6 +494,7 @@ function snapshot(
   blockClass: string | RegExp = 'rr-block',
   inlineStylesheet = true,
   maskAllInputsOrOptions: boolean | MaskInputOptions,
+  slimDOMSensibleOrOptions: boolean | SlimDOMOptions,
   recordCanvas?: boolean,
 ): [serializedNodeWithId | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
@@ -416,6 +520,25 @@ function snapshot(
       : maskAllInputsOrOptions === false
       ? {}
       : maskAllInputsOrOptions;
+  const slimDOMOptions: SlimDOMOptions =
+    (slimDOMSensibleOrOptions === true ||
+     slimDOMSensibleOrOptions === 'all')
+  // if true: set of sensible options that should not throw away any information
+    ? {
+      script: true,
+      comment: true,
+      headFavicon: true,
+      headWhitespace: true,
+      headMetaDescKeywords: slimDOMSensibleOrOptions === 'all',  // destructive
+      headMetaSocial: true,
+      headMetaRobots: true,
+      headMetaHttpEquiv: true,
+      headMetaAuthorship: true,
+      headMetaVerification: true,
+    }
+  : slimDOMSensibleOrOptions === false
+    ? {}
+  : slimDOMSensibleOrOptions;
   return [
     serializeNodeWithId(
       n,
@@ -425,6 +548,7 @@ function snapshot(
       false,
       inlineStylesheet,
       maskInputOptions,
+      slimDOMOptions,
       recordCanvas,
     ),
     idNodeMap,
diff --git a/src/types.ts b/src/types.ts
index d8546e84..9a53c012 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -87,3 +87,16 @@ export type MaskInputOptions = Partial<{
   textarea: boolean;
   select: boolean;
 }>;
+
+export type SlimDOMOptions = Partial<{
+  script: boolean;
+  comment: boolean;
+  headFavicon: boolean;
+  headWhitespace: boolean;
+  headMetaDescKeywords: boolean;
+  headMetaSocial: boolean;
+  headMetaRobots: boolean;
+  headMetaHttpEquiv: boolean;
+  headMetaAuthorship: boolean;
+  headMetaVerification: boolean;
+}>;

From 70c8a6b9d1262539f2b1d95a1c1f333e80f6b76e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 214/345] Release 0.4.0

---
 .gitignore       | 1 +
 package.json     | 6 ++++--
 rollup.config.js | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 33f3a2b4..8ade46f3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ yarn.lock
 temp
 
 dist
+lib
diff --git a/package.json b/package.json
index 90e9dfa2..ac9ecb8a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.3.17",
+  "version": "0.4.0",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",
@@ -27,9 +27,11 @@
     "start:dev": "sirv public --dev"
   },
   "description": "rrweb's replayer UI",
-  "main": "dist/index.js",
+  "main": "lib/index.js",
   "module": "dist/index.mjs",
+  "unpkg": "dist/index.js",
   "files": [
+    "lib",
     "dist"
   ],
   "repository": {
diff --git a/rollup.config.js b/rollup.config.js
index b664fcb7..86e8c99d 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -9,7 +9,8 @@ const production = !process.env.ROLLUP_WATCH;
 
 export default [
   { file: pkg.module, format: 'es' },
-  { file: pkg.main, format: 'iife', name: 'rrwebPlayer' },
+  { file: pkg.main, format: 'cjs' },
+  { file: pkg.unpkg, format: 'iife', name: 'rrwebPlayer' },
   { file: 'public/bundle.js', format: 'iife', name: 'rrwebPlayer' },
 ].map(output => ({
   input: 'src/Player.html',

From 28917d1c9a63238b403b452cdd2df918f5c75bbf Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 215/345] Preserve url quotes (#47)

* Preserve original quotes when rewriting CSS url() paths - important for inline SVG files which often have spaces

* Found an example in the wild with the 'charset=' part left off. This is supported by https://css-tricks.com/lodge/svg/09-svg-data-uris/ ... not sure why we aren't just testing for the 'data:' prefix here?

* Not sure why this is now coming back with a double quote after recent changes here; it's supposed to preserve the single quote from style.css??
---
 src/snapshot.ts                        | 15 ++++++++-------
 test/__snapshots__/integration.ts.snap |  4 ++--
 test/snapshot.test.ts                  | 24 ++++++++++++++++--------
 3 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 17150d0a..9c9a64c3 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -66,28 +66,29 @@ function extractOrigin(url: string): string {
   return origin;
 }
 
-const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
+const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
-const DATA_URI = /^(data:)([\w\/\+\-]+);(charset=[\w-]+|base64).*,(.*)/i;
+const DATA_URI = /^(data:)([\w\/\+\-]+);(charset=[\w-]+|base64|utf-?8).*,(.*)/i;
 export function absoluteToStylesheet(
   cssText: string | null,
   href: string,
 ): string {
   return (cssText || '').replace(
     URL_IN_CSS_REF,
-    (origin, path1, path2, path3) => {
+    (origin, quote1, path1, quote2, path2, path3) => {
       const filePath = path1 || path2 || path3;
+      const maybe_quote = quote1 || quote2 || '';
       if (!filePath) {
         return origin;
       }
       if (!RELATIVE_PATH.test(filePath)) {
-        return `url('${filePath}')`;
+        return `url(${maybe_quote}${filePath}${maybe_quote})`;
       }
       if (DATA_URI.test(filePath)) {
-        return `url(${filePath})`;
+        return `url(${maybe_quote}${filePath}${maybe_quote})`;
       }
       if (filePath[0] === '/') {
-        return `url('${extractOrigin(href) + filePath}')`;
+        return `url(${maybe_quote}${extractOrigin(href) + filePath}${maybe_quote})`;
       }
       const stack = href.split('/');
       const parts = filePath.split('/');
@@ -101,7 +102,7 @@ export function absoluteToStylesheet(
           stack.push(part);
         }
       }
-      return `url('${stack.join('/')}')`;
+      return `url(${maybe_quote}${stack.join('/')}${maybe_quote})`;
     },
   );
 }
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 855d73eb..f5c84e18 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -258,7 +258,7 @@ exports[`[html file]: with-style-sheet.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>with style sheet</title>
-  <style>body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
 </head><body>
 </body></html>"
 `;
@@ -269,7 +269,7 @@ exports[`[html file]: with-style-sheet-with-import.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>with style sheet with import</title>
-  <style>body { margin: 0px; background: url('http://localhost:3030/a.jpg'); }p { color: red; background: url('http://localhost:3030/css/b.jpg'); }body &gt; p { color: yellow; }</style>
+  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
 </head><body>
 </body></html>"
 `;
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 9c58dca7..2116813a 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -7,32 +7,32 @@ describe('absolute url to stylesheet', () => {
 
   it('can handle relative path', () => {
     expect(absoluteToStylesheet('url(a.jpg)', href)).to.equal(
-      `url('http://localhost/css/a.jpg')`,
+      `url(http://localhost/css/a.jpg)`,
     );
   });
 
   it('can handle same level path', () => {
     expect(absoluteToStylesheet('url("./a.jpg")', href)).to.equal(
-      `url('http://localhost/css/a.jpg')`,
+      `url("http://localhost/css/a.jpg")`,
     );
   });
 
   it('can handle parent level path', () => {
     expect(absoluteToStylesheet('url("../a.jpg")', href)).to.equal(
-      `url('http://localhost/a.jpg')`,
+      `url("http://localhost/a.jpg")`,
     );
   });
 
   it('can handle absolute path', () => {
     expect(absoluteToStylesheet('url("/a.jpg")', href)).to.equal(
-      `url('http://localhost/a.jpg')`,
+      `url("http://localhost/a.jpg")`,
     );
   });
 
   it('can handle external path', () => {
     expect(
       absoluteToStylesheet('url("http://localhost/a.jpg")', href),
-    ).to.equal(`url('http://localhost/a.jpg')`);
+    ).to.equal(`url("http://localhost/a.jpg")`);
   });
 
   it('can handle single quote path', () => {
@@ -43,7 +43,7 @@ describe('absolute url to stylesheet', () => {
 
   it('can handle no quote path', () => {
     expect(absoluteToStylesheet('url(./a.jpg)', href)).to.equal(
-      `url('http://localhost/css/a.jpg')`,
+      `url(http://localhost/css/a.jpg)`,
     );
   });
 
@@ -54,8 +54,8 @@ describe('absolute url to stylesheet', () => {
         href,
       ),
     ).to.equal(
-      `background-image: url('http://localhost/css/images/b.jpg');` +
-        `background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
+      `background-image: url(http://localhost/css/images/b.jpg);` +
+        `background: #aabbcc url(http://localhost/css/images/a.jpg) 50% 50% repeat;`,
     );
   });
 
@@ -71,6 +71,14 @@ describe('absolute url to stylesheet', () => {
     ).to.equal('url(data:application/font-woff;base64,d09GMgABAAAAAAm)');
   });
 
+  it('preserves quotes around inline svgs with spaces', () => {
+    expect(
+      absoluteToStylesheet("url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")", href),
+    ).to.equal("url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")");
+    expect(
+      absoluteToStylesheet('url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')', href),
+    ).to.equal('url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')');
+  });
   it('can handle empty path', () => {
     expect(absoluteToStylesheet(`url('')`, href)).to.equal(`url('')`);
   });

From 6b81e939cbf038a1fde6dca14b8ae8259f024dfb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 216/345] fix controller height compute

---
 package.json    |  2 +-
 src/Player.html | 22 ++++++++++++++--------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index ac9ecb8a..148aa878 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.25"
+    "rrweb": "^0.7.28"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.html b/src/Player.html
index ced35e14..777f8c41 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -1,7 +1,15 @@
 <div class="rr-player" ref:player style="{playerStyle}">
   <div class="rr-player__frame" ref:frame { style }></div>
   {#if replayer}
-  <Controller { replayer } {showController} {autoPlay} {skipInactive} on:fullscreen="fullscreen()" />
+  <Controller
+    {
+    replayer
+    }
+    {showController}
+    {autoPlay}
+    {skipInactive}
+    on:fullscreen="fullscreen()"
+  />
   {/if}
 </div>
 
@@ -40,10 +48,10 @@
           height: `${height}px`,
         });
       },
-      playerStyle({ width, height }) {
+      playerStyle({ width, height, showController }) {
         return inlineCss({
           width: `${width}px`,
-          height: `${height + controllerHeight}px`,
+          height: `${height + showController ? controllerHeight : 0}px`,
         });
       },
     },
@@ -77,8 +85,8 @@
         skipInactive: true,
         showWarning: true,
       });
-      replayer.on('resize', (dimension) =>
-        this.updateScale(replayer.wrapper, dimension)
+      replayer.on('resize', dimension =>
+        this.updateScale(replayer.wrapper, dimension),
       );
       this.set({
         replayer,
@@ -118,8 +126,6 @@
       }
     },
   };
-
-
 </script>
 
 <style>
@@ -146,4 +152,4 @@
   :global(.replayer-wrapper > iframe) {
     border: none;
   }
-</style>
\ No newline at end of file
+</style>

From 40cf712cfd133a2f293bf86386bbefc076c41178 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 217/345] update typings

---
 typings/index.d.ts    |  4 ++--
 typings/snapshot.d.ts |  7 ++++---
 typings/types.d.ts    | 12 ++++++++++++
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/typings/index.d.ts b/typings/index.d.ts
index b871ef01..d436c211 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, IGNORED_NODE } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, IGNORED_NODE, };
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 46982a64..163ee0c7 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,8 +1,9 @@
-import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions } from './types';
+export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, recordCanvas?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, recordCanvas?: boolean): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, slimDOMOptions?: SlimDOMOptions, recordCanvas?: boolean, preserveWhiteSpace?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, slimDOMSensibleOrOptions: boolean | SlimDOMOptions, recordCanvas?: boolean): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export default snapshot;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 90271c14..256abba5 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -70,3 +70,15 @@ export declare type MaskInputOptions = Partial<{
     textarea: boolean;
     select: boolean;
 }>;
+export declare type SlimDOMOptions = Partial<{
+    script: boolean;
+    comment: boolean;
+    headFavicon: boolean;
+    headWhitespace: boolean;
+    headMetaDescKeywords: boolean;
+    headMetaSocial: boolean;
+    headMetaRobots: boolean;
+    headMetaHttpEquiv: boolean;
+    headMetaAuthorship: boolean;
+    headMetaVerification: boolean;
+}>;

From a56c15c32b719a1d940fab0bd0f283267562a127 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 218/345] Release 0.4.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 148aa878..caf1b982 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From f9f9e9cecdc4e35c441adf38141adb1f29e9b0b2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 219/345] Release 0.8.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index eee822bd..94adce4f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 1a6bd7a5f84e139a385c5fe1e98bf4a92de63314 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 220/345] fix logic operator

---
 src/Player.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Player.html b/src/Player.html
index 777f8c41..894a8f5d 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -51,7 +51,7 @@
       playerStyle({ width, height, showController }) {
         return inlineCss({
           width: `${width}px`,
-          height: `${height + showController ? controllerHeight : 0}px`,
+          height: `${height + (showController ? controllerHeight : 0)}px`,
         });
       },
     },

From b005450c6461c0ae4fe323a069115cfb6fd0d916 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 221/345] Prefer a map and a join as feel it's easier to
 understand, and I found a case in the wild where `Array.prototype.reduce` was
 overwritten (which admittedly is also a danger with `map`) (#52)

---
 src/snapshot.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 9c9a64c3..0e97033b 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -35,10 +35,7 @@ function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
     return rules
-      ? Array.from(rules).reduce(
-          (prev, cur) => prev + getCssRuleString(cur),
-          '',
-        )
+      ? Array.from(rules).map(getCssRuleString).join('')
       : null;
   } catch (error) {
     return null;

From 00e36bb070b2fa843a1d3f2761c3be2eea5427e2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 222/345] Release 0.4.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index caf1b982..d1667194 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 65671be739eb913b0457b10961bd0df263db60ea Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 223/345] Add ability to reset the mapping id, to facilitate
 destructor in rrweb (rrwebRecord.stop) (#49)

---
 src/index.ts          | 2 ++
 src/snapshot.ts       | 5 +++++
 typings/index.d.ts    | 4 ++--
 typings/snapshot.d.ts | 1 +
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 77ca8377..20d5b02d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,6 +2,7 @@ import snapshot, {
   serializeNodeWithId,
   transformAttribute,
   visitSnapshot,
+  cleanupSnapshot,
   IGNORED_NODE,
 } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
@@ -15,5 +16,6 @@ export {
   addHoverClass,
   transformAttribute,
   visitSnapshot,
+  cleanupSnapshot,
   IGNORED_NODE,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 0e97033b..c3190794 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -570,4 +570,9 @@ export function visitSnapshot(
   walk(node);
 }
 
+export function cleanupSnapshot() {
+  // allow a new recording to start numbering nodes from scratch
+  _id = 1;
+}
+
 export default snapshot;
diff --git a/typings/index.d.ts b/typings/index.d.ts
index d436c211..b2c2271d 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, IGNORED_NODE } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, IGNORED_NODE, cleanupSnapshot } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, IGNORED_NODE, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, IGNORED_NODE, cleanupSnapshot, };
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 163ee0c7..988f7982 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -6,4 +6,5 @@ export declare function transformAttribute(doc: Document, name: string, value: s
 export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, slimDOMOptions?: SlimDOMOptions, recordCanvas?: boolean, preserveWhiteSpace?: boolean): serializedNodeWithId | null;
 declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, slimDOMSensibleOrOptions: boolean | SlimDOMOptions, recordCanvas?: boolean): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
+export declare function cleanupSnapshot(): void;
 export default snapshot;

From 3cd0816535f76eceaed02bcb90a13a06075bbad4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 224/345] add rrweb options

---
 package.json    | 2 +-
 src/Player.html | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d1667194..9abe4453 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.28"
+    "rrweb": "^0.7.29"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.html b/src/Player.html
index 894a8f5d..b2805651 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -39,6 +39,7 @@
         autoPlay: true,
         skipInactive: true,
         replayer: null,
+        triggerFocus: true,
       };
     },
     computed: {
@@ -78,12 +79,13 @@
       },
     },
     oncreate() {
-      const { events } = this.get();
+      const { events, triggerFocus } = this.get();
       const replayer = new Replayer(events, {
         speed: 1,
         root: this.refs.frame,
         skipInactive: true,
         showWarning: true,
+        triggerFocus,
       });
       replayer.on('resize', dimension =>
         this.updateScale(replayer.wrapper, dimension),

From 0c62d31002f376458f52cc3a3f8faf3d8843a5ad Mon Sep 17 00:00:00 2001
From: Karl-Aksel Puulmann <macobo@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 225/345] Allow blocking elements by selector (#50)

* Extract method (isElementBlocked) and add tests

* Add blockSelector argument to snapshot

If blockSelector is passed, it will be matched against the element.

Reasoning: Mutating class names can get messy, so providing another hook
helps keep code clean by using data-attributes instead.
---
 package.json          |  2 ++
 src/snapshot.ts       | 40 ++++++++++++++++++++++++++++++----------
 test/snapshot.test.ts | 27 ++++++++++++++++++++++++++-
 typings/snapshot.d.ts |  5 +++--
 4 files changed, 61 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 94adce4f..0c4b1f5f 100644
--- a/package.json
+++ b/package.json
@@ -34,12 +34,14 @@
   "homepage": "https://github.com/rrweb-io/rrweb-snapshot#readme",
   "devDependencies": {
     "@types/chai": "^4.1.4",
+    "@types/jsdom": "^16.2.4",
     "@types/mocha": "^5.2.5",
     "@types/node": "^10.11.3",
     "@types/puppeteer": "^1.12.4",
     "chai": "^4.1.2",
     "cross-env": "^5.2.0",
     "jest-snapshot": "^23.6.0",
+    "jsdom": "^16.4.0",
     "mocha": "^5.2.0",
     "puppeteer": "^1.15.0",
     "rollup": "^0.66.4",
diff --git a/src/snapshot.ts b/src/snapshot.ts
index c3190794..9db891ba 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -162,10 +162,34 @@ export function transformAttribute(
   }
 }
 
+export function _isBlockedElement(
+  element: HTMLElement,
+  blockClass: string | RegExp,
+  blockSelector: string | null,
+): boolean {
+  if (typeof blockClass === 'string') {
+    if (element.classList.contains(blockClass)) {
+      return true;
+    }
+  } else {
+    element.classList.forEach((className) => {
+      if (blockClass.test(className)) {
+        return true;
+      }
+    });
+  }
+  if (blockSelector) {
+    return element.matches(blockSelector)
+  }
+
+  return false;
+}
+
 function serializeNode(
   n: Node,
   doc: Document,
   blockClass: string | RegExp,
+  blockSelector: string | null,
   inlineStylesheet: boolean,
   maskInputOptions: MaskInputOptions = {},
   recordCanvas: boolean,
@@ -184,16 +208,7 @@ function serializeNode(
         systemId: (n as DocumentType).systemId,
       };
     case n.ELEMENT_NODE:
-      let needBlock = false;
-      if (typeof blockClass === 'string') {
-        needBlock = (n as HTMLElement).classList.contains(blockClass);
-      } else {
-        (n as HTMLElement).classList.forEach((className) => {
-          if (blockClass.test(className)) {
-            needBlock = true;
-          }
-        });
-      }
+      const needBlock = _isBlockedElement(n as HTMLElement, blockClass, blockSelector);
       const tagName = getValidTagName((n as HTMLElement).tagName);
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
@@ -406,6 +421,7 @@ export function serializeNodeWithId(
   doc: Document,
   map: idNodeMap,
   blockClass: string | RegExp,
+  blockSelector: string | null,
   skipChild = false,
   inlineStylesheet = true,
   maskInputOptions?: MaskInputOptions,
@@ -417,6 +433,7 @@ export function serializeNodeWithId(
     n,
     doc,
     blockClass,
+    blockSelector,
     inlineStylesheet,
     maskInputOptions,
     recordCanvas || false,
@@ -472,6 +489,7 @@ export function serializeNodeWithId(
         doc,
         map,
         blockClass,
+        blockSelector,
         skipChild,
         inlineStylesheet,
         maskInputOptions,
@@ -494,6 +512,7 @@ function snapshot(
   maskAllInputsOrOptions: boolean | MaskInputOptions,
   slimDOMSensibleOrOptions: boolean | SlimDOMOptions,
   recordCanvas?: boolean,
+  blockSelector: string | null = null,
 ): [serializedNodeWithId | null, idNodeMap] {
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
@@ -543,6 +562,7 @@ function snapshot(
       n,
       idNodeMap,
       blockClass,
+      blockSelector,
       false,
       inlineStylesheet,
       maskInputOptions,
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 2116813a..5c3000d0 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -1,6 +1,7 @@
 import 'mocha';
+import { JSDOM } from 'jsdom';
 import { expect } from 'chai';
-import { absoluteToStylesheet } from '../src/snapshot';
+import { absoluteToStylesheet, _isBlockedElement } from '../src/snapshot';
 
 describe('absolute url to stylesheet', () => {
   const href = 'http://localhost/css/style.css';
@@ -83,3 +84,27 @@ describe('absolute url to stylesheet', () => {
     expect(absoluteToStylesheet(`url('')`, href)).to.equal(`url('')`);
   });
 });
+
+describe('isBlockedElement()', () => {
+  const subject = (html: string, opt: any = {}) =>
+    _isBlockedElement(render(html), 'rr-block', opt.blockSelector)
+
+  const render = (html: string): HTMLElement =>
+    JSDOM.fragment(html).querySelector('div')!
+
+  it('can handle empty elements', () => {
+    expect(subject('<div />')).to.equal(false)
+  })
+
+  it('blocks prohibited className', () => {
+    expect(subject('<div class="foo rr-block bar" />')).to.equal(true)
+  })
+
+  it('does not block random data selector', () => {
+    expect(subject('<div data-rr-block />')).to.equal(false)
+  })
+
+  it('blocks blocked selector', () => {
+    expect(subject('<div data-rr-block />', { blockSelector: '[data-rr-block]' })).to.equal(true)
+  })
+})
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 988f7982..d99ef4d6 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -3,8 +3,9 @@ export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, slimDOMOptions?: SlimDOMOptions, recordCanvas?: boolean, preserveWhiteSpace?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, slimDOMSensibleOrOptions: boolean | SlimDOMOptions, recordCanvas?: boolean): [serializedNodeWithId | null, idNodeMap];
+export declare function _isBlockedElement(element: HTMLElement, blockClass: string | RegExp, blockSelector: string | null): boolean;
+export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, blockSelector: string | null, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, slimDOMOptions?: SlimDOMOptions, recordCanvas?: boolean, preserveWhiteSpace?: boolean): serializedNodeWithId | null;
+declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, slimDOMSensibleOrOptions: boolean | SlimDOMOptions, recordCanvas?: boolean, blockSelector?: string | null): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export declare function cleanupSnapshot(): void;
 export default snapshot;

From 4a30fca7665bef3ad138a4559cbc4ed3bca49045 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 226/345] Release 0.4.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9abe4453..c1653dea 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 288beb6cb268b543e8f419d6691b105a8df41f26 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 227/345] Release 0.8.4

---
 package.json       | 2 +-
 typings/index.d.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 0c4b1f5f..9852ac7d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
diff --git a/typings/index.d.ts b/typings/index.d.ts
index b2c2271d..b60dbf59 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,4 @@
-import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, IGNORED_NODE, cleanupSnapshot } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, IGNORED_NODE, cleanupSnapshot, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE, };

From 3b0a2f2c5aea3ec425da23c1bcfe5337a637e47c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 228/345] update rrweb

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c1653dea..c97d541d 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.29"
+    "rrweb": "^0.7.31"
   },
   "scripts": {
     "build": "rollup -c",

From 40d754884a27718b27a13d596d67211a45f09d00 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 229/345] fix lint

---
 src/css.ts      |   6 +-
 src/snapshot.ts | 191 ++++++++++++++++++++++++++----------------------
 2 files changed, 108 insertions(+), 89 deletions(-)

diff --git a/src/css.ts b/src/css.ts
index 1bef07fb..950ec0b4 100644
--- a/src/css.ts
+++ b/src/css.ts
@@ -440,11 +440,11 @@ export function parse(css: string, options: ParserOptions = {}) {
      * http://ostermiller.org/findcomment.html */
     return trim(m[0])
       .replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '')
-      .replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, m => {
+      .replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, (m) => {
         return m.replace(/,/g, '\u200C');
       })
       .split(/\s*(?![^(]*\)),\s*/)
-      .map(s => {
+      .map((s) => {
         return s.replace(/\u200C/g, ',');
       });
   }
@@ -888,7 +888,7 @@ function addParent(obj: Stylesheet, parent?: Stylesheet) {
   for (const k of Object.keys(obj)) {
     const value = obj[k as keyof Stylesheet];
     if (Array.isArray(value)) {
-      value.forEach(v => {
+      value.forEach((v) => {
         addParent(v, childParent);
       });
     } else if (value && typeof value === 'object') {
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 9db891ba..d13c48d0 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -34,9 +34,7 @@ function getValidTagName(tagName: string): string {
 function getCssRulesString(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
-    return rules
-      ? Array.from(rules).map(getCssRuleString).join('')
-      : null;
+    return rules ? Array.from(rules).map(getCssRuleString).join('') : null;
   } catch (error) {
     return null;
   }
@@ -74,18 +72,20 @@ export function absoluteToStylesheet(
     URL_IN_CSS_REF,
     (origin, quote1, path1, quote2, path2, path3) => {
       const filePath = path1 || path2 || path3;
-      const maybe_quote = quote1 || quote2 || '';
+      const maybeQuote = quote1 || quote2 || '';
       if (!filePath) {
         return origin;
       }
       if (!RELATIVE_PATH.test(filePath)) {
-        return `url(${maybe_quote}${filePath}${maybe_quote})`;
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
       }
       if (DATA_URI.test(filePath)) {
-        return `url(${maybe_quote}${filePath}${maybe_quote})`;
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
       }
       if (filePath[0] === '/') {
-        return `url(${maybe_quote}${extractOrigin(href) + filePath}${maybe_quote})`;
+        return `url(${maybeQuote}${
+          extractOrigin(href) + filePath
+        }${maybeQuote})`;
       }
       const stack = href.split('/');
       const parts = filePath.split('/');
@@ -99,7 +99,7 @@ export function absoluteToStylesheet(
           stack.push(part);
         }
       }
-      return `url(${maybe_quote}${stack.join('/')}${maybe_quote})`;
+      return `url(${maybeQuote}${stack.join('/')}${maybeQuote})`;
     },
   );
 }
@@ -179,7 +179,7 @@ export function _isBlockedElement(
     });
   }
   if (blockSelector) {
-    return element.matches(blockSelector)
+    return element.matches(blockSelector);
   }
 
   return false;
@@ -208,7 +208,11 @@ function serializeNode(
         systemId: (n as DocumentType).systemId,
       };
     case n.ELEMENT_NODE:
-      const needBlock = _isBlockedElement(n as HTMLElement, blockClass, blockSelector);
+      const needBlock = _isBlockedElement(
+        n as HTMLElement,
+        blockClass,
+        blockSelector,
+      );
       const tagName = getValidTagName((n as HTMLElement).tagName);
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
@@ -339,7 +343,7 @@ function serializeNode(
   }
 }
 
-function lowerIfExists(maybeAttr : string | number | boolean) : string {
+function lowerIfExists(maybeAttr: string | number | boolean): string {
   if (maybeAttr === undefined) {
     return '';
   } else {
@@ -347,68 +351,83 @@ function lowerIfExists(maybeAttr : string | number | boolean) : string {
   }
 }
 
-function slimDOMExcluded(sn: serializedNode, slimDOMOptions: SlimDOMOptions): boolean {
+function slimDOMExcluded(
+  sn: serializedNode,
+  slimDOMOptions: SlimDOMOptions,
+): boolean {
   if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
     // TODO: convert IE conditional comments to real nodes
     return true;
   } else if (sn.type === NodeType.Element) {
-    if (slimDOMOptions.script &&
-        (sn.tagName === 'script' ||
-         (sn.tagName === 'link' && sn.attributes.rel === 'preload' && sn.attributes['as'] === 'script')
-        )) {
+    if (
+      slimDOMOptions.script &&
+      (sn.tagName === 'script' ||
+        (sn.tagName === 'link' &&
+          sn.attributes.rel === 'preload' &&
+          sn.attributes.as === 'script'))
+    ) {
       return true;
-    } else if (slimDOMOptions.headFavicon && (
-      (sn.tagName === 'link' && sn.attributes.rel === 'shortcut icon')
-        || (sn.tagName === 'meta' && (
-          lowerIfExists(sn.attributes['name']).match(/^msapplication-tile(image|color)$/)
-            || lowerIfExists(sn.attributes['name']) === 'application-name'
-            || lowerIfExists(sn.attributes['rel']) === 'icon'
-            || lowerIfExists(sn.attributes['rel']) === 'apple-touch-icon'
-            || lowerIfExists(sn.attributes['rel']) === 'shortcut icon'
-        )))) {
+    } else if (
+      slimDOMOptions.headFavicon &&
+      ((sn.tagName === 'link' && sn.attributes.rel === 'shortcut icon') ||
+        (sn.tagName === 'meta' &&
+          (lowerIfExists(sn.attributes.name).match(
+            /^msapplication-tile(image|color)$/,
+          ) ||
+            lowerIfExists(sn.attributes.name) === 'application-name' ||
+            lowerIfExists(sn.attributes.rel) === 'icon' ||
+            lowerIfExists(sn.attributes.rel) === 'apple-touch-icon' ||
+            lowerIfExists(sn.attributes.rel) === 'shortcut icon')))
+    ) {
       return true;
     } else if (sn.tagName === 'meta') {
-      if (slimDOMOptions.headMetaDescKeywords && (
-        lowerIfExists(sn.attributes['name']).match(/^description|keywords$/)
-      )) {
+      if (
+        slimDOMOptions.headMetaDescKeywords &&
+        lowerIfExists(sn.attributes.name).match(/^description|keywords$/)
+      ) {
         return true;
-      } else if (slimDOMOptions.headMetaSocial && (
-        lowerIfExists(sn.attributes['property']).match(/^(og|twitter|fb):/)  // og = opengraph (facebook)
-          || lowerIfExists(sn.attributes['name']).match(/^(og|twitter):/)
-          || lowerIfExists(sn.attributes['name']) === 'pinterest'
-      )) {
+      } else if (
+        slimDOMOptions.headMetaSocial &&
+        (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
+          lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) ||
+          lowerIfExists(sn.attributes.name) === 'pinterest')
+      ) {
         return true;
-      } else if (slimDOMOptions.headMetaRobots && (
-        lowerIfExists(sn.attributes['name']) === 'robots'
-          || lowerIfExists(sn.attributes['name']) === 'googlebot'
-          || lowerIfExists(sn.attributes['name']) === 'bingbot'
-      )) {
+      } else if (
+        slimDOMOptions.headMetaRobots &&
+        (lowerIfExists(sn.attributes.name) === 'robots' ||
+          lowerIfExists(sn.attributes.name) === 'googlebot' ||
+          lowerIfExists(sn.attributes.name) === 'bingbot')
+      ) {
         return true;
-      } else if (slimDOMOptions.headMetaHttpEquiv && (
+      } else if (
+        slimDOMOptions.headMetaHttpEquiv &&
         sn.attributes['http-equiv'] !== undefined
-      )) {
+      ) {
         // e.g. X-UA-Compatible, Content-Type, Content-Language,
         // cache-control, X-Translated-By
         return true;
-      } else if (slimDOMOptions.headMetaAuthorship && (
-        lowerIfExists(sn.attributes['name']) === 'author'
-          || lowerIfExists(sn.attributes['name']) === 'generator'
-          || lowerIfExists(sn.attributes['name']) === 'framework'
-          || lowerIfExists(sn.attributes['name']) === 'publisher'
-          || lowerIfExists(sn.attributes['name']) === 'progid'
-          || lowerIfExists(sn.attributes['property']).match(/^article:/)
-          || lowerIfExists(sn.attributes['property']).match(/^product:/)
-      )) {
+      } else if (
+        slimDOMOptions.headMetaAuthorship &&
+        (lowerIfExists(sn.attributes.name) === 'author' ||
+          lowerIfExists(sn.attributes.name) === 'generator' ||
+          lowerIfExists(sn.attributes.name) === 'framework' ||
+          lowerIfExists(sn.attributes.name) === 'publisher' ||
+          lowerIfExists(sn.attributes.name) === 'progid' ||
+          lowerIfExists(sn.attributes.property).match(/^article:/) ||
+          lowerIfExists(sn.attributes.property).match(/^product:/))
+      ) {
         return true;
-      } else if (slimDOMOptions.headMetaVerification && (
-        lowerIfExists(sn.attributes['name']) === 'google-site-verification'
-          || lowerIfExists(sn.attributes['name']) === 'yandex-verification'
-          || lowerIfExists(sn.attributes['name']) === 'csrf-token'
-          || lowerIfExists(sn.attributes['name']) === 'p:domain_verify'
-          || lowerIfExists(sn.attributes['name']) === 'verify-v1'
-          || lowerIfExists(sn.attributes['name']) === 'verification'
-          || lowerIfExists(sn.attributes['name']) === 'shopify-checkout-api-token'
-      )) {
+      } else if (
+        slimDOMOptions.headMetaVerification &&
+        (lowerIfExists(sn.attributes.name) === 'google-site-verification' ||
+          lowerIfExists(sn.attributes.name) === 'yandex-verification' ||
+          lowerIfExists(sn.attributes.name) === 'csrf-token' ||
+          lowerIfExists(sn.attributes.name) === 'p:domain_verify' ||
+          lowerIfExists(sn.attributes.name) === 'verify-v1' ||
+          lowerIfExists(sn.attributes.name) === 'verification' ||
+          lowerIfExists(sn.attributes.name) === 'shopify-checkout-api-token')
+      ) {
         return true;
       }
     }
@@ -448,12 +467,13 @@ export function serializeNodeWithId(
   // Try to reuse the previous id
   if ('__sn' in n) {
     id = n.__sn.id;
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) ||
-             (!preserveWhiteSpace &&
-              _serializedNode.type === NodeType.Text &&
-              !_serializedNode.isStyle &&
-              !_serializedNode.textContent.replace(/^\s+|\s+$/gm,'').length
-             )) {
+  } else if (
+    slimDOMExcluded(_serializedNode, slimDOMOptions) ||
+    (!preserveWhiteSpace &&
+      _serializedNode.type === NodeType.Text &&
+      !_serializedNode.isStyle &&
+      !_serializedNode.textContent.replace(/^\s+|\s+$/gm, '').length)
+  ) {
     id = IGNORED_NODE;
   } else {
     id = genId();
@@ -461,7 +481,7 @@ export function serializeNodeWithId(
   const serializedNode = Object.assign(_serializedNode, { id });
   (n as INode).__sn = serializedNode;
   if (id === IGNORED_NODE) {
-    return null;  // slimDOM
+    return null; // slimDOM
   }
   map[id] = n as INode;
   let recordChild = !skipChild;
@@ -476,9 +496,9 @@ export function serializeNodeWithId(
     recordChild
   ) {
     if (
-      (slimDOMOptions.headWhitespace &&
-       _serializedNode.type === NodeType.Element &&
-       _serializedNode.tagName == 'head')
+      slimDOMOptions.headWhitespace &&
+      _serializedNode.type === NodeType.Element &&
+      _serializedNode.tagName === 'head'
       // would impede performance: || getComputedStyle(n)['white-space'] === 'normal'
     ) {
       preserveWhiteSpace = false;
@@ -538,24 +558,23 @@ function snapshot(
       ? {}
       : maskAllInputsOrOptions;
   const slimDOMOptions: SlimDOMOptions =
-    (slimDOMSensibleOrOptions === true ||
-     slimDOMSensibleOrOptions === 'all')
-  // if true: set of sensible options that should not throw away any information
-    ? {
-      script: true,
-      comment: true,
-      headFavicon: true,
-      headWhitespace: true,
-      headMetaDescKeywords: slimDOMSensibleOrOptions === 'all',  // destructive
-      headMetaSocial: true,
-      headMetaRobots: true,
-      headMetaHttpEquiv: true,
-      headMetaAuthorship: true,
-      headMetaVerification: true,
-    }
-  : slimDOMSensibleOrOptions === false
-    ? {}
-  : slimDOMSensibleOrOptions;
+    slimDOMSensibleOrOptions === true || slimDOMSensibleOrOptions === 'all'
+      ? // if true: set of sensible options that should not throw away any information
+        {
+          script: true,
+          comment: true,
+          headFavicon: true,
+          headWhitespace: true,
+          headMetaDescKeywords: slimDOMSensibleOrOptions === 'all', // destructive
+          headMetaSocial: true,
+          headMetaRobots: true,
+          headMetaHttpEquiv: true,
+          headMetaAuthorship: true,
+          headMetaVerification: true,
+        }
+      : slimDOMSensibleOrOptions === false
+      ? {}
+      : slimDOMSensibleOrOptions;
   return [
     serializeNodeWithId(
       n,

From 1a3762212fe0f440e3a68faceb990ceef71203ad Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 230/345] allow scale over 1

---
 src/Player.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Player.html b/src/Player.html
index b2805651..0117dd38 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -62,7 +62,7 @@
         const widthScale = width / frameDimension.width;
         const heightScale = height / frameDimension.height;
         el.style.transform =
-          `scale(${Math.min(widthScale, heightScale, 1)})` +
+          `scale(${Math.min(widthScale, heightScale)})` +
           'translate(-50%, -50%)';
       },
       fullscreen() {
@@ -87,7 +87,7 @@
         showWarning: true,
         triggerFocus,
       });
-      replayer.on('resize', dimension =>
+      replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension),
       );
       this.set({

From 6852da5fe54e9a1b955290797764e9d8fea680e5 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 231/345] close #38, update data uri regexp

---
 src/snapshot.ts       |  2 +-
 test/snapshot.test.ts | 42 +++++++++++++++++++++++++++---------------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index d13c48d0..ae3e5ad4 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -63,7 +63,7 @@ function extractOrigin(url: string): string {
 
 const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
-const DATA_URI = /^(data:)([\w\/\+\-]+);(charset=[\w-]+|base64|utf-?8).*,(.*)/i;
+const DATA_URI = /^(data:)([^,]*),(.*)/i;
 export function absoluteToStylesheet(
   cssText: string | null,
   href: string,
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 5c3000d0..025fac6c 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -74,11 +74,21 @@ describe('absolute url to stylesheet', () => {
 
   it('preserves quotes around inline svgs with spaces', () => {
     expect(
-      absoluteToStylesheet("url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")", href),
-    ).to.equal("url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")");
+      absoluteToStylesheet(
+        "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")",
+        href,
+      ),
+    ).to.equal(
+      "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M3'/%3E%3C/svg%3E\")",
+    );
     expect(
-      absoluteToStylesheet('url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')', href),
-    ).to.equal('url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')');
+      absoluteToStylesheet(
+        'url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')',
+        href,
+      ),
+    ).to.equal(
+      'url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')',
+    );
   });
   it('can handle empty path', () => {
     expect(absoluteToStylesheet(`url('')`, href)).to.equal(`url('')`);
@@ -87,24 +97,26 @@ describe('absolute url to stylesheet', () => {
 
 describe('isBlockedElement()', () => {
   const subject = (html: string, opt: any = {}) =>
-    _isBlockedElement(render(html), 'rr-block', opt.blockSelector)
+    _isBlockedElement(render(html), 'rr-block', opt.blockSelector);
 
   const render = (html: string): HTMLElement =>
-    JSDOM.fragment(html).querySelector('div')!
+    JSDOM.fragment(html).querySelector('div')!;
 
   it('can handle empty elements', () => {
-    expect(subject('<div />')).to.equal(false)
-  })
+    expect(subject('<div />')).to.equal(false);
+  });
 
   it('blocks prohibited className', () => {
-    expect(subject('<div class="foo rr-block bar" />')).to.equal(true)
-  })
+    expect(subject('<div class="foo rr-block bar" />')).to.equal(true);
+  });
 
   it('does not block random data selector', () => {
-    expect(subject('<div data-rr-block />')).to.equal(false)
-  })
+    expect(subject('<div data-rr-block />')).to.equal(false);
+  });
 
   it('blocks blocked selector', () => {
-    expect(subject('<div data-rr-block />', { blockSelector: '[data-rr-block]' })).to.equal(true)
-  })
-})
+    expect(
+      subject('<div data-rr-block />', { blockSelector: '[data-rr-block]' }),
+    ).to.equal(true);
+  });
+});

From f6219c37f93af8a9574b2904acb43cd72b5e31a4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 232/345] Release 0.4.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c97d541d..c07e86e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From a9ef2cfa83ece408e69e913331252f28a8765539 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 233/345] refactoring public API

---
 src/rebuild.ts        |  50 +++++++++++-------
 src/snapshot.ts       | 115 +++++++++++++++++++++++++++---------------
 test/integration.ts   |  16 +++---
 typings/rebuild.d.ts  |  13 ++++-
 typings/snapshot.d.ts |  22 +++++++-
 5 files changed, 146 insertions(+), 70 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index f2a8291d..b09d4234 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -77,9 +77,12 @@ export function addHoverClass(cssText: string): string {
 
 function buildNode(
   n: serializedNodeWithId,
-  doc: Document,
-  HACK_CSS: boolean,
+  options: {
+    doc: Document;
+    hackCss: boolean;
+  },
 ): Node | null {
+  const { doc, hackCss } = options;
   switch (n.type) {
     case NodeType.Document:
       return doc.implementation.createDocument(null, '', null);
@@ -109,7 +112,7 @@ function buildNode(
           const isTextarea = tagName === 'textarea' && name === 'value';
           const isRemoteOrDynamicCss =
             tagName === 'style' && name === '_cssText';
-          if (isRemoteOrDynamicCss && HACK_CSS) {
+          if (isRemoteOrDynamicCss && hackCss) {
             value = addHoverClass(value);
           }
           if (isTextarea || isRemoteOrDynamicCss) {
@@ -177,7 +180,7 @@ function buildNode(
       return node;
     case NodeType.Text:
       return doc.createTextNode(
-        n.isStyle && HACK_CSS ? addHoverClass(n.textContent) : n.textContent,
+        n.isStyle && hackCss ? addHoverClass(n.textContent) : n.textContent,
       );
     case NodeType.CDATA:
       return doc.createCDATASection(n.textContent);
@@ -190,12 +193,15 @@ function buildNode(
 
 export function buildNodeWithSN(
   n: serializedNodeWithId,
-  doc: Document,
-  map: idNodeMap,
-  skipChild = false,
-  HACK_CSS = true,
+  options: {
+    doc: Document;
+    map: idNodeMap;
+    skipChild?: boolean;
+    hackCss: boolean;
+  },
 ): INode | null {
-  let node = buildNode(n, doc, HACK_CSS);
+  const { doc, map, skipChild = false, hackCss = true } = options;
+  let node = buildNode(n, { doc, hackCss });
   if (!node) {
     return null;
   }
@@ -214,7 +220,12 @@ export function buildNodeWithSN(
     !skipChild
   ) {
     for (const childN of n.childNodes) {
-      const childNode = buildNodeWithSN(childN, doc, map, false, HACK_CSS);
+      const childNode = buildNodeWithSN(childN, {
+        doc,
+        map,
+        skipChild: false,
+        hackCss,
+      });
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
       } else {
@@ -259,15 +270,20 @@ function handleScroll(node: INode) {
 
 function rebuild(
   n: serializedNodeWithId,
-  doc: Document,
-  onVisit?: (node: INode) => unknown,
-  /**
-   * This is not a public API yet, just for POC
-   */
-  HACK_CSS: boolean = true,
+  options: {
+    doc: Document;
+    onVisit?: (node: INode) => unknown;
+    hackCss?: boolean;
+  },
 ): [Node | null, idNodeMap] {
+  const { doc, onVisit, hackCss = true } = options;
   const idNodeMap: idNodeMap = {};
-  const node = buildNodeWithSN(n, doc, idNodeMap, false, HACK_CSS);
+  const node = buildNodeWithSN(n, {
+    doc,
+    map: idNodeMap,
+    skipChild: false,
+    hackCss,
+  });
   visit(idNodeMap, (visitedNode) => {
     if (onVisit) {
       onVisit(visitedNode);
diff --git a/src/snapshot.ts b/src/snapshot.ts
index ae3e5ad4..4c17612f 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -187,13 +187,23 @@ export function _isBlockedElement(
 
 function serializeNode(
   n: Node,
-  doc: Document,
-  blockClass: string | RegExp,
-  blockSelector: string | null,
-  inlineStylesheet: boolean,
-  maskInputOptions: MaskInputOptions = {},
-  recordCanvas: boolean,
+  options: {
+    doc: Document;
+    blockClass: string | RegExp;
+    blockSelector: string | null;
+    inlineStylesheet: boolean;
+    maskInputOptions: MaskInputOptions;
+    recordCanvas: boolean;
+  },
 ): serializedNode | false {
+  const {
+    doc,
+    blockClass,
+    blockSelector,
+    inlineStylesheet,
+    maskInputOptions = {},
+    recordCanvas,
+  } = options;
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return {
@@ -437,26 +447,39 @@ function slimDOMExcluded(
 
 export function serializeNodeWithId(
   n: Node | INode,
-  doc: Document,
-  map: idNodeMap,
-  blockClass: string | RegExp,
-  blockSelector: string | null,
-  skipChild = false,
-  inlineStylesheet = true,
-  maskInputOptions?: MaskInputOptions,
-  slimDOMOptions: SlimDOMOptions = {},
-  recordCanvas?: boolean,
-  preserveWhiteSpace = true,
+  options: {
+    doc: Document;
+    map: idNodeMap;
+    blockClass: string | RegExp;
+    blockSelector: string | null;
+    skipChild: boolean;
+    inlineStylesheet: boolean;
+    maskInputOptions?: MaskInputOptions;
+    slimDOMOptions: SlimDOMOptions;
+    recordCanvas?: boolean;
+    preserveWhiteSpace?: boolean;
+  },
 ): serializedNodeWithId | null {
-  const _serializedNode = serializeNode(
-    n,
+  const {
+    doc,
+    map,
+    blockClass,
+    blockSelector,
+    skipChild = false,
+    inlineStylesheet = true,
+    maskInputOptions = {},
+    slimDOMOptions,
+    recordCanvas = false,
+  } = options;
+  let { preserveWhiteSpace = true } = options;
+  const _serializedNode = serializeNode(n, {
     doc,
     blockClass,
     blockSelector,
     inlineStylesheet,
     maskInputOptions,
-    recordCanvas || false,
-  );
+    recordCanvas,
+  });
   if (!_serializedNode) {
     // TODO: dev only
     console.warn(n, 'not serialized');
@@ -504,8 +527,7 @@ export function serializeNodeWithId(
       preserveWhiteSpace = false;
     }
     for (const childN of Array.from(n.childNodes)) {
-      const serializedChildNode = serializeNodeWithId(
-        childN,
+      const serializedChildNode = serializeNodeWithId(childN, {
         doc,
         map,
         blockClass,
@@ -516,7 +538,7 @@ export function serializeNodeWithId(
         slimDOMOptions,
         recordCanvas,
         preserveWhiteSpace,
-      );
+      });
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
@@ -527,16 +549,26 @@ export function serializeNodeWithId(
 
 function snapshot(
   n: Document,
-  blockClass: string | RegExp = 'rr-block',
-  inlineStylesheet = true,
-  maskAllInputsOrOptions: boolean | MaskInputOptions,
-  slimDOMSensibleOrOptions: boolean | SlimDOMOptions,
-  recordCanvas?: boolean,
-  blockSelector: string | null = null,
+  options?: {
+    blockClass?: string | RegExp;
+    inlineStylesheet?: boolean;
+    maskAllInputs?: boolean | MaskInputOptions;
+    slimDOM?: boolean | SlimDOMOptions;
+    recordCanvas?: boolean;
+    blockSelector?: string | null;
+  },
 ): [serializedNodeWithId | null, idNodeMap] {
+  const {
+    blockClass = 'rr-block',
+    inlineStylesheet = true,
+    recordCanvas = false,
+    blockSelector = null,
+    maskAllInputs = false,
+    slimDOM = false,
+  } = options || {};
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
-    maskAllInputsOrOptions === true
+    maskAllInputs === true
       ? {
           color: true,
           date: true,
@@ -554,40 +586,39 @@ function snapshot(
           textarea: true,
           select: true,
         }
-      : maskAllInputsOrOptions === false
+      : maskAllInputs === false
       ? {}
-      : maskAllInputsOrOptions;
+      : maskAllInputs;
   const slimDOMOptions: SlimDOMOptions =
-    slimDOMSensibleOrOptions === true || slimDOMSensibleOrOptions === 'all'
+    slimDOM === true || slimDOM === 'all'
       ? // if true: set of sensible options that should not throw away any information
         {
           script: true,
           comment: true,
           headFavicon: true,
           headWhitespace: true,
-          headMetaDescKeywords: slimDOMSensibleOrOptions === 'all', // destructive
+          headMetaDescKeywords: slimDOM === 'all', // destructive
           headMetaSocial: true,
           headMetaRobots: true,
           headMetaHttpEquiv: true,
           headMetaAuthorship: true,
           headMetaVerification: true,
         }
-      : slimDOMSensibleOrOptions === false
+      : slimDOM === false
       ? {}
-      : slimDOMSensibleOrOptions;
+      : slimDOM;
   return [
-    serializeNodeWithId(
-      n,
-      n,
-      idNodeMap,
+    serializeNodeWithId(n, {
+      doc: n,
+      map: idNodeMap,
       blockClass,
       blockSelector,
-      false,
+      skipChild: false,
       inlineStylesheet,
       maskInputOptions,
       slimDOMOptions,
       recordCanvas,
-    ),
+    }),
     idNodeMap,
   ];
 }
diff --git a/test/integration.ts b/test/integration.ts
index c0fdf2af..ddfb5bc8 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -11,7 +11,7 @@ import { SnapshotState, toMatchSnapshot } from 'jest-snapshot';
 import { Suite } from 'mocha';
 
 const htmlFolder = path.join(__dirname, 'html');
-const htmls = fs.readdirSync(htmlFolder).map(filePath => {
+const htmls = fs.readdirSync(htmlFolder).map((filePath) => {
   const raw = fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8');
   return {
     filePath,
@@ -24,7 +24,7 @@ interface IMimeType {
 }
 
 const server = () =>
-  new Promise<http.Server>(resolve => {
+  new Promise<http.Server>((resolve) => {
     const mimeType: IMimeType = {
       '.html': 'text/html',
       '.js': 'text/javascript',
@@ -73,7 +73,7 @@ interface ISuite extends Suite {
   code: string;
 }
 
-describe('integration tests', function(this: ISuite) {
+describe('integration tests', function (this: ISuite) {
   before(async () => {
     this.server = await server();
     this.browser = await puppeteer.launch({
@@ -102,16 +102,18 @@ describe('integration tests', function(this: ISuite) {
       const page: puppeteer.Page = await this.browser.newPage();
       // console for debug
       // tslint:disable-next-line: no-console
-      page.on('console', msg => console.log(msg.text()));
+      page.on('console', (msg) => console.log(msg.text()));
       await page.goto(`http://localhost:3030/html`);
       await page.setContent(html.src, {
         waitUntil: 'load',
       });
-      const rebuildHtml = (await page.evaluate(`${this.code}
+      const rebuildHtml = (
+        await page.evaluate(`${this.code}
         const x = new XMLSerializer();
         const [snap] = rrweb.snapshot(document);
-        x.serializeToString(rrweb.rebuild(snap, document)[0]);
-      `)).replace(/\n\n/g, '');
+        x.serializeToString(rrweb.rebuild(snap, { doc: document })[0]);
+      `)
+      ).replace(/\n\n/g, '');
       const result = matchSnapshot(rebuildHtml, __filename, title);
       assert(result.pass, result.pass ? '' : result.report());
     }).timeout(5000);
diff --git a/typings/rebuild.d.ts b/typings/rebuild.d.ts
index f61a762a..35eb6020 100644
--- a/typings/rebuild.d.ts
+++ b/typings/rebuild.d.ts
@@ -1,5 +1,14 @@
 import { serializedNodeWithId, idNodeMap, INode } from './types';
 export declare function addHoverClass(cssText: string): string;
-export declare function buildNodeWithSN(n: serializedNodeWithId, doc: Document, map: idNodeMap, skipChild?: boolean, HACK_CSS?: boolean): INode | null;
-declare function rebuild(n: serializedNodeWithId, doc: Document, onVisit?: (node: INode) => unknown, HACK_CSS?: boolean): [Node | null, idNodeMap];
+export declare function buildNodeWithSN(n: serializedNodeWithId, options: {
+    doc: Document;
+    map: idNodeMap;
+    skipChild?: boolean;
+    hackCss: boolean;
+}): INode | null;
+declare function rebuild(n: serializedNodeWithId, options: {
+    doc: Document;
+    onVisit?: (node: INode) => unknown;
+    hackCss?: boolean;
+}): [Node | null, idNodeMap];
 export default rebuild;
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index d99ef4d6..8ae27a30 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -4,8 +4,26 @@ export declare function absoluteToStylesheet(cssText: string | null, href: strin
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, name: string, value: string): string;
 export declare function _isBlockedElement(element: HTMLElement, blockClass: string | RegExp, blockSelector: string | null): boolean;
-export declare function serializeNodeWithId(n: Node | INode, doc: Document, map: idNodeMap, blockClass: string | RegExp, blockSelector: string | null, skipChild?: boolean, inlineStylesheet?: boolean, maskInputOptions?: MaskInputOptions, slimDOMOptions?: SlimDOMOptions, recordCanvas?: boolean, preserveWhiteSpace?: boolean): serializedNodeWithId | null;
-declare function snapshot(n: Document, blockClass: string | RegExp | undefined, inlineStylesheet: boolean | undefined, maskAllInputsOrOptions: boolean | MaskInputOptions, slimDOMSensibleOrOptions: boolean | SlimDOMOptions, recordCanvas?: boolean, blockSelector?: string | null): [serializedNodeWithId | null, idNodeMap];
+export declare function serializeNodeWithId(n: Node | INode, options: {
+    doc: Document;
+    map: idNodeMap;
+    blockClass: string | RegExp;
+    blockSelector: string | null;
+    skipChild: boolean;
+    inlineStylesheet: boolean;
+    maskInputOptions?: MaskInputOptions;
+    slimDOMOptions: SlimDOMOptions;
+    recordCanvas?: boolean;
+    preserveWhiteSpace?: boolean;
+}): serializedNodeWithId | null;
+declare function snapshot(n: Document, options?: {
+    blockClass?: string | RegExp;
+    inlineStylesheet?: boolean;
+    maskAllInputs?: boolean | MaskInputOptions;
+    slimDOM?: boolean | SlimDOMOptions;
+    recordCanvas?: boolean;
+    blockSelector?: string | null;
+}): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export declare function cleanupSnapshot(): void;
 export default snapshot;

From 08e85b805deaf29d28abed29cd16fdff99353981 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 234/345] use player dimension to calc scale when fullscreen

---
 src/Player.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Player.html b/src/Player.html
index 0117dd38..4872eab0 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -101,8 +101,8 @@
             this._width = width;
             this._height = height;
             const dimension = {
-              width: document.body.offsetWidth,
-              height: document.body.offsetHeight - controllerHeight,
+              width: this.refs.player.offsetWidth,
+              height: this.refs.player.offsetHeight - controllerHeight,
             };
             this.set(dimension);
             this.updateScale(replayer.wrapper, {

From e65160697bfcac381cdd758c0ffdb3924136be1d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 235/345] Release 1.0.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9852ac7d..f9da76fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "0.8.4",
+  "version": "1.0.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From a4dc8630655c542b7b1f2baebf095b0f909972f2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 236/345] Release 0.4.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c07e86e2..8e695fcb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From c7966070ef9584bbaa95d71c5590aa4e83bab5dd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 237/345] fix https://github.com/rrweb-io/rrweb/issues/395

---
 src/snapshot.ts                        | 7 +++++--
 test/__snapshots__/integration.ts.snap | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 4c17612f..81d8e83f 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -309,8 +309,11 @@ function serializeNode(
       }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
-        attributes.rr_width = `${width}px`;
-        attributes.rr_height = `${height}px`;
+        attributes = {
+          class: attributes.class,
+          rr_width: `${width}px`,
+          rr_height: `${height}px`,
+        };
       }
       return {
         type: NodeType.Element,
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index f5c84e18..43bb79cd 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -70,7 +70,7 @@ exports[`[html file]: block-element.html 1`] = `
     <div class=\\"rr-block big\\" style=\\"width: 50px; height: 50px;\\"></div>
     <div>record 2</div>
     <div class=\\"rr-block small\\" style=\\"width: 50px; height: 100px;\\"></div>
-    <div class=\\"rr-block\\" style=\\"height: 200px; width: 100px\\"></div>
+    <div class=\\"rr-block\\" style=\\"width: 100px; height: 200px;\\"></div>
   </body></html>"
 `;
 

From 35377208336bd88aee25d905d47fbf6abc51ee00 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 238/345] update player with built-in unpack function

---
 package.json    | 2 +-
 src/Player.html | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 8e695fcb..aaf7a9cd 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.31"
+    "rrweb": "^0.7.32"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.html b/src/Player.html
index 4872eab0..ec0d2feb 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -14,7 +14,7 @@
 </div>
 
 <script>
-  import { Replayer } from 'rrweb';
+  import { Replayer, unpack } from 'rrweb';
   import 'rrweb/dist/rrweb.min.css';
   import {
     inlineCss,
@@ -86,6 +86,7 @@
         skipInactive: true,
         showWarning: true,
         triggerFocus,
+        unpackFn: unpack,
       });
       replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension),

From 93be66e22a72b7be0e947e1fc9fb1ad649d3bf44 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 239/345] Release 1.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f9da76fc..ed05752e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 8340ed933e0e26cca6f0dd054b528d147a88eee8 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 240/345] Release 0.4.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index aaf7a9cd..5cd7ffc4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "devDependencies": {
     "eslint": "^5.10.0",
     "eslint-config-google": "^0.11.0",

From 3a946702c2e55e80cd62e89a9dabf58c5af584a6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 241/345] fix
 https://github.com/rrweb-io/rrweb-snapshot/issues/56 safe access tagName of
 form element

---
 src/snapshot.ts                        | 10 ++--
 test/__snapshots__/integration.ts.snap | 56 ++++++++++---------
 test/html/form-fields.html             | 75 +++++++++++++-------------
 3 files changed, 75 insertions(+), 66 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 81d8e83f..b3f161a8 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -18,8 +18,12 @@ function genId(): number {
   return _id++;
 }
 
-function getValidTagName(tagName: string): string {
-  const processedTagName = tagName.toLowerCase().trim();
+function getValidTagName(element: HTMLElement): string {
+  if (element instanceof HTMLFormElement) {
+    return 'form';
+  }
+
+  const processedTagName = element.tagName.toLowerCase().trim();
 
   if (tagNameRegex.test(processedTagName)) {
     // if the tag name is odd and we cannot extract
@@ -223,7 +227,7 @@ function serializeNode(
         blockClass,
         blockSelector,
       );
-      const tagName = getValidTagName((n as HTMLElement).tagName);
+      const tagName = getValidTagName(n as HTMLElement);
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
         attributes[name] = transformAttribute(doc, name, value);
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 43bb79cd..d7d76c6d 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -102,32 +102,36 @@ exports[`[html file]: dynamic-stylesheet.html 1`] = `
 
 exports[`[html file]: form-fields.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
-  <meta charset=\\"UTF-8\\" />
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
-  <title>form fields</title>
-</head><body>
-  <form>
-    <label for=\\"text\\">
-      <input type=\\"text\\" value=\\"1\\" />
-    </label>
-    <label for=\\"radio\\">
-      <input type=\\"radio\\" checked=\\"\\" />
-    </label>
-    <label for=\\"checkbox\\">
-      <input type=\\"checkbox\\" checked=\\"\\" />
-    </label>
-    <label for=\\"textarea\\">
-      <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\">1234</textarea>
-    </label>
-    <label for=\\"select\\">
-      <select name=\\"\\" id=\\"\\" value=\\"2\\">
-        <option value=\\"1\\">1</option>
-        <option value=\\"2\\" selected=\\"\\">2</option>
-      </select>
-    </label>
-  </form><noscript>SCRIPT_PLACEHOLDER</noscript>
-</body></html>"
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>form fields</title>
+  </head>  <body>
+    <form>
+      <label for=\\"text\\">
+        <input type=\\"text\\" value=\\"1\\" />
+      </label>
+      <label for=\\"radio\\">
+        <input type=\\"radio\\" checked=\\"\\" />
+      </label>
+      <label for=\\"checkbox\\">
+        <input type=\\"checkbox\\" checked=\\"\\" />
+      </label>
+      <label for=\\"textarea\\">
+        <textarea name=\\"\\" id=\\"\\" cols=\\"30\\" rows=\\"10\\">1234</textarea>
+      </label>
+      <label for=\\"select\\">
+        <select name=\\"\\" id=\\"\\" value=\\"2\\">
+          <option value=\\"1\\">1</option>
+          <option value=\\"2\\" selected=\\"\\">2</option>
+        </select>
+      </label>
+      <label>
+        <input name=\\"tagName\\" />
+      </label>
+    </form>
+  
+  <noscript>SCRIPT_PLACEHOLDER</noscript></body></html>"
 `;
 
 exports[`[html file]: hover.html 1`] = `
diff --git a/test/html/form-fields.html b/test/html/form-fields.html
index 50778d60..31a35afa 100644
--- a/test/html/form-fields.html
+++ b/test/html/form-fields.html
@@ -1,41 +1,42 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>form fields</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>form fields</title>
-</head>
-
-<body>
-  <form>
-    <label for="text">
-      <input type="text">
-    </label>
-    <label for="radio">
-      <input type="radio">
-    </label>
-    <label for="checkbox">
-      <input type="checkbox">
-    </label>
-    <label for="textarea">
-      <textarea name="" id="" cols="30" rows="10"></textarea>
-    </label>
-    <label for="select">
-      <select name="" id="">
-        <option value="1">1</option>
-        <option value="2">2</option>
-      </select>
-    </label>
-  </form>
-</body>
-<script>
-  document.querySelector('input[type="text"]').value = '1';
-  document.querySelector('input[type="radio"]').checked = true;
-  document.querySelector('input[type="checkbox"]').checked = true;
-  document.querySelector('textarea').value = '1234';
-  document.querySelector('select').value = '2';
-</script>
-
+  <body>
+    <form>
+      <label for="text">
+        <input type="text" />
+      </label>
+      <label for="radio">
+        <input type="radio" />
+      </label>
+      <label for="checkbox">
+        <input type="checkbox" />
+      </label>
+      <label for="textarea">
+        <textarea name="" id="" cols="30" rows="10"></textarea>
+      </label>
+      <label for="select">
+        <select name="" id="">
+          <option value="1">1</option>
+          <option value="2">2</option>
+        </select>
+      </label>
+      <label>
+        <input name="tagName" />
+      </label>
+    </form>
+  </body>
+  <script>
+    document.querySelector('input[type="text"]').value = '1';
+    document.querySelector('input[type="radio"]').checked = true;
+    document.querySelector('input[type="checkbox"]').checked = true;
+    document.querySelector('textarea').value = '1234';
+    document.querySelector('select').value = '2';
+  </script>
 </html>

From 9452e5b12aa489b943143b7ed51925b98a694671 Mon Sep 17 00:00:00 2001
From: Rifaudeen <rifajas@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 242/345] Added tags support in the player timeline (#17)

* implemented custom-event handler from replayer

* Added tags support in the player timeline

* updated event type check with EventType enum from rrweb
---
 src/Controller.html | 43 +++++++++++++++++++++++++++++++++++++++++++
 src/Player.html     |  3 +++
 2 files changed, 46 insertions(+)

diff --git a/src/Controller.html b/src/Controller.html
index dac8d1ee..02127069 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -8,6 +8,13 @@
       ref:progress on:click="handleProgressClick(event)"
     >
       <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
+        {#each getCustomEvents as event,i (i)}
+          <div
+            title="{event.name}"
+            style="width: 10px;height: 5px;position: absolute;top: 2px;transform: translate(-50%, -50%);background: {event.background};left: {event.position};"
+          ></div>
+        {/each}
+
       <div
         class="rr-progress__handler"
         ref:handler
@@ -76,6 +83,7 @@
 {/if}
 
 <script>
+  import { EventType } from 'rrweb';
   import { formatTime } from './utils.js';
 
   export default {
@@ -99,6 +107,40 @@
         const percent = Math.min(1, currentTime / meta.totalTime);
         return `${100 * percent}%`;
       },
+      getCustomEvents({tags, replayer}) {
+        const { events } = replayer;
+        const totalEvents = events.length;
+        const start = events[0].timestamp;
+        const end = events[totalEvents - 1].timestamp;
+        const customEvents = [];
+
+        // calculate tag position.
+        const position = (startTime, endTime, tagTime) => {
+          const sessionDuration = endTime - startTime;
+          const eventDuration = endTime - tagTime;
+          const eventPosition = 100 - ((eventDuration / sessionDuration) * 100);
+
+          return eventPosition.toFixed(2);
+        };
+
+         // loop through all the events and find out custom event.
+        events.forEach((event) => {
+          /**
+           * we are only interested in custom event and calculate it's position
+           * to place it in player's timeline.
+           */
+          if (event.type === EventType.Custom) {
+            const customEvent = {
+              name: event.data.tag,
+              background: tags[event.data.tag] || 'rgb(73, 80, 246)',
+              position: `${position(start, end, event.timestamp)}%`,
+            };
+            customEvents.push(customEvent);
+          }
+        });
+
+        return customEvents;
+      },
     },
     helpers: {
       formatTime,
@@ -129,6 +171,7 @@
       },
       play() {
         const { replayer, currentTime } = this.get();
+  
         if (currentTime > 0) {
           replayer.resume(currentTime);
         } else {
diff --git a/src/Player.html b/src/Player.html
index ec0d2feb..b0f1bfca 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -8,6 +8,7 @@
     {showController}
     {autoPlay}
     {skipInactive}
+    {tags}
     on:fullscreen="fullscreen()"
   />
   {/if}
@@ -40,6 +41,7 @@
         skipInactive: true,
         replayer: null,
         triggerFocus: true,
+        tags: {},
       };
     },
     computed: {
@@ -91,6 +93,7 @@
       replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension),
       );
+
       this.set({
         replayer,
       });

From 3f406ea5ce8f79ea06b7cdc2b9391f974fa6aacb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 243/345] Release 1.0.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ed05752e..08efd87a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 1f06234bdc0e30e7c2fa21e76ea65fde24163425 Mon Sep 17 00:00:00 2001
From: Jin <jin_wentao@qq.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 244/345] :feat add tips (#23)

Co-authored-by: jinwentao <jinwentao@huya.com>
---
 public/index.html   |  4 ++++
 src/Controller.html |  5 +++--
 src/Player.html     | 41 ++++++++++++++++++++++++++++++++++++-----
 src/utils.js        | 17 +++++++++++++++++
 4 files changed, 60 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7e6ff699..e9a0b02e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,10 @@
         target: document.body,
         data: {
           events,
+          skipInactive: true,
+          showDebug: false,
+          autoPlay: false,
+          showWarning: false,
         },
       });
       component.addEventListener('finish', () => console.log('finish'));
diff --git a/src/Controller.html b/src/Controller.html
index 02127069..27649d57 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -55,7 +55,7 @@
       </svg>
       {/if}
     </button>
-    {#each [1, 2, 4, 8] as s}
+    {#each speedOption as s}
     <button
       class:active="s === speed && !isSkipping"
       on:click="setSpeed(s)"
@@ -97,6 +97,7 @@
         isSkipping: false,
         skipInactive: true,
         speed: 1,
+        speedOption: [],
       };
     },
     computed: {
@@ -171,7 +172,7 @@
       },
       play() {
         const { replayer, currentTime } = this.get();
-  
+
         if (currentTime > 0) {
           replayer.resume(currentTime);
         } else {
diff --git a/src/Player.html b/src/Player.html
index b0f1bfca..0b766fdc 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -9,6 +9,8 @@
     {autoPlay}
     {skipInactive}
     {tags}
+    {speedOption}
+    {speed}
     on:fullscreen="fullscreen()"
   />
   {/if}
@@ -23,6 +25,7 @@
     exitFullscreen,
     isFullscreen,
     onFullscreenChange,
+    typeOf,
   } from './utils.js';
 
   const controllerHeight = 80;
@@ -38,10 +41,12 @@
         height: 576,
         events: [],
         autoPlay: true,
-        skipInactive: true,
         replayer: null,
         triggerFocus: true,
         tags: {},
+        skipInactive: true,
+        speedOption: [1, 2, 3],
+        speed: 1,
       };
     },
     computed: {
@@ -81,12 +86,36 @@
       },
     },
     oncreate() {
-      const { events, triggerFocus } = this.get();
+      const { events, triggerFocus, showWarning, showDebug, speedOption } = this.get();
+      let { skipInactive, speed } = this.get();
+      skipInactive = skipInactive === undefined ? true : !!skipInactive;
+      speed = speed === undefined ? 1 : speed;
+      // 类型检查
+      if (speedOption !== undefined && typeOf(speedOption) !== 'array') {
+        throw new Error('speedOption must be array');
+      }
+      speedOption.forEach(item => {
+        if (typeOf(item) !== 'number') {
+          throw new Error('item of speedOption must be number');
+        }
+      });
+      if (speedOption.indexOf(speed) < 0) {
+        throw new Error(`speed must be one of speedOption,
+        current config:
+        {
+          ...
+          speed: ${speed},
+          speedOption: [${speedOption.toString()}]
+          ...
+        }
+        `);
+      }
       const replayer = new Replayer(events, {
-        speed: 1,
+        speed: speed === undefined ? 1 : speed,
         root: this.refs.frame,
-        skipInactive: true,
-        showWarning: true,
+        skipInactive,
+        showWarning: showWarning === undefined ? true : !!showWarning,
+        showDebug: showDebug === undefined ? true : !!showDebug,
         triggerFocus,
         unpackFn: unpack,
       });
@@ -96,6 +125,8 @@
 
       this.set({
         replayer,
+        skipInactive,
+        speed,
       });
       this.fullscreenListener = onFullscreenChange(() => {
         if (isFullscreen()) {
diff --git a/src/utils.js b/src/utils.js
index 19be8f97..275f8fb5 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -87,3 +87,20 @@ export function onFullscreenChange(handler) {
     document.removeEventListener('MSFullscreenChange', handler);
   };
 }
+
+export function typeOf(obj) {
+  const toString = Object.prototype.toString;
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  };
+  return map[toString.call(obj)];
+}

From 451bf457cc7f1d608177a96393375f6dbd7003f5 Mon Sep 17 00:00:00 2001
From: cgf <cgf2009@126.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 245/345] =?UTF-8?q?svg=20xlink:href=20=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20(#55)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 修改在svg , xlink:href 相对路径改为绝对路径

* feat: 修改在svg , xlink:href 路径

* feat: 修改在svg, 图片路径问题

* feat: 修改在svg, 图片路径问题

* feat: 修改在svg , xlink:href 路径

Co-authored-by: caogf <caogf@guahao.com>
---
 src/snapshot.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index b3f161a8..e23d2a70 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -155,7 +155,7 @@ export function transformAttribute(
   value: string,
 ): string {
   // relative path in attribute
-  if (name === 'src' || (name === 'href' && value)) {
+  if (name === 'src' || ((name === 'href' || name === 'xlink:href') && value)) {
     return absoluteToDoc(doc, value);
   } else if (name === 'srcset' && value) {
     return getAbsoluteSrcsetString(doc, value);

From 243cf9d38260872d1eed311ebcabf5d9d1a651f9 Mon Sep 17 00:00:00 2001
From: yz-yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 246/345] Refactoring rrweb-player (#26)

* enable drag and drop in controller

* setup svelte v3 workflow and entry point

* add ts eslint config and do compatibility fallbacks in API

* rewrite replayer in svelte v3

* fix css import

* fix fullscreen API
---
 .eslintrc.json                                |   17 +-
 .gitignore                                    |    3 +
 package.json                                  |   39 +-
 public/events.js                              |    1 +
 public/global.css                             |    1 -
 public/index.html                             |   48 +-
 rollup.config.js                              |   76 +-
 src/Controller.html                           |  368 ----
 src/Controller.svelte                         |  403 ++++
 src/Player.html                               |  192 --
 src/Player.svelte                             |  178 ++
 src/components/{Switch.html => Switch.svelte} |   21 +-
 src/main.ts                                   |   22 +
 src/{utils.js => utils.ts}                    |   57 +-
 tsconfig.json                                 |    5 +
 yarn.lock                                     | 1650 +++++++++++++++++
 16 files changed, 2436 insertions(+), 645 deletions(-)
 delete mode 100644 src/Controller.html
 create mode 100644 src/Controller.svelte
 delete mode 100644 src/Player.html
 create mode 100644 src/Player.svelte
 rename src/components/{Switch.html => Switch.svelte} (79%)
 create mode 100644 src/main.ts
 rename src/{utils.js => utils.ts} (65%)
 create mode 100644 tsconfig.json
 create mode 100644 yarn.lock

diff --git a/.eslintrc.json b/.eslintrc.json
index 263f8d87..f9317620 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,7 +1,8 @@
 {
-  "extends": "google",
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": 8,
+    "ecmaVersion": 2019,
     "sourceType": "module"
   },
   "rules": {
@@ -10,5 +11,15 @@
     "object-curly-spacing": "off",
     "indent": "off"
   },
-  "plugins": ["html"]
+  "env": {
+    "es6": true,
+    "browser": true
+  },
+  "plugins": ["svelte3", "@typescript-eslint"],
+  "overrides": [
+    {
+      "files": ["*.svelte"],
+      "processor": "svelte3/svelte3"
+    }
+  ]
 }
diff --git a/.gitignore b/.gitignore
index 8ade46f3..5bc8d8f7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 public/bundle.*
+public/build
 package-lock.json
 yarn.lock
 
@@ -9,3 +10,5 @@ temp
 
 dist
 lib
+
+*.log
diff --git a/package.json b/package.json
index 5cd7ffc4..4d8389be 100644
--- a/package.json
+++ b/package.json
@@ -2,29 +2,36 @@
   "name": "rrweb-player",
   "version": "0.4.6",
   "devDependencies": {
-    "eslint": "^5.10.0",
+    "@rollup/plugin-commonjs": "^11.0.0",
+    "@rollup/plugin-node-resolve": "^7.0.0",
+    "@rollup/plugin-typescript": "^4.0.0",
+    "@tsconfig/svelte": "^1.0.0",
+    "@typescript-eslint/eslint-plugin": "^3.7.0",
+    "@typescript-eslint/parser": "^3.7.0",
+    "eslint": "^7.5.0",
     "eslint-config-google": "^0.11.0",
-    "eslint-plugin-html": "^4.0.6",
-    "npm-run-all": "^4.1.3",
-    "rollup": "^0.66.2",
-    "rollup-plugin-commonjs": "^9.1.8",
-    "rollup-plugin-node-resolve": "^3.4.0",
-    "rollup-plugin-postcss": "^1.6.3",
-    "rollup-plugin-svelte": "^4.5.0",
-    "rollup-plugin-terser": "^3.0.0",
-    "sirv-cli": "^0.2.2",
-    "svelte": "^2.16.0"
+    "eslint-plugin-svelte3": "^2.7.3",
+    "postcss-easy-import": "^3.0.0",
+    "rollup": "^1.20.0",
+    "rollup-plugin-livereload": "^1.0.0",
+    "rollup-plugin-svelte": "^5.0.3",
+    "rollup-plugin-terser": "^5.1.2",
+    "sirv-cli": "^0.4.4",
+    "svelte": "^3.2.0",
+    "svelte-check": "^0.1.0",
+    "svelte-preprocess": "^4.0.0",
+    "tslib": "^2.0.0",
+    "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.7.32"
+    "rrweb": "^0.9.0"
   },
   "scripts": {
     "build": "rollup -c",
-    "prepublishOnly": "npm run build",
-    "autobuild": "rollup -c -w",
-    "dev": "run-p start:dev autobuild",
+    "dev": "rollup -c -w",
+    "prepublishOnly": "yarn build",
     "start": "sirv public",
-    "start:dev": "sirv public --dev"
+    "validate": "svelte-check"
   },
   "description": "rrweb's replayer UI",
   "main": "lib/index.js",
diff --git a/public/events.js b/public/events.js
index 1ba14b58..9f82de94 100644
--- a/public/events.js
+++ b/public/events.js
@@ -1,2 +1,3 @@
+/* eslint-disable */
 // prettier-ignore
 const events = [{"type":4,"data":{"href":"https://demoit.app/e/react#ReactHooks.js","width":1166,"height":705},"timestamp":1544756766750,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":1,"name":"html","publicId":"","systemId":"","id":2},{"type":2,"tagName":"html","attributes":{"lang":"en","class":"gr__demoit_app"},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":3,"textContent":"\n  ","id":5},{"type":2,"tagName":"meta","attributes":{"charset":"UTF-8"},"childNodes":[],"id":6},{"type":3,"textContent":"\n  ","id":7},{"type":2,"tagName":"title","attributes":{},"childNodes":[{"type":3,"textContent":"demoit","id":9}],"id":8},{"type":3,"textContent":"\n  ","id":10},{"type":2,"tagName":"link","attributes":{"_cssText":"@font-face { font-family: \"Fira Mono\"; font-style: normal; font-weight: 400; src: local(\"Fira Mono Regular\"), local(\"FiraMono-Regular\"), url('https://demoit.app/static/demoit/font/FiraMono.woff2') format(\"woff2\"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }.CodeMirror { font-family: \"PT Mono\", monospace; height: 300px; color: black; direction: ltr; }.CodeMirror-lines { padding: 4px 0px; }.CodeMirror pre { padding: 0px 4px; }.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; }.CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background-color: rgb(247, 247, 247); white-space: nowrap; }.CodeMirror-linenumber { padding: 0px 3px 0px 5px; min-width: 20px; text-align: right; color: rgb(153, 153, 153); white-space: nowrap; }.CodeMirror-guttermarker { color: black; }.CodeMirror-guttermarker-subtle { color: rgb(153, 153, 153); }.CodeMirror-cursor { border-left: 1px solid black; border-right: 0px; width: 0px; }.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }.cm-fat-cursor .CodeMirror-cursor { width: auto; background: rgb(119, 238, 119); border: 0px !important; }.cm-fat-cursor div.CodeMirror-cursors { z-index: 1; }.cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); animation: blink 1.06s steps(1, end) 0s infinite normal none running; }.cm-animate-fat-cursor { width: auto; border: 0px; animation: blink 1.06s steps(1, end) 0s infinite normal none running; background-color: rgb(119, 238, 119); }@-webkit-keyframes blink { \n  50% { background-color: transparent; }\n}@keyframes blink { \n  50% { background-color: transparent; }\n}.cm-tab { display: inline-block; text-decoration: inherit; }.CodeMirror-rulers { position: absolute; left: 0px; right: 0px; top: -50px; bottom: -20px; overflow: hidden; }.CodeMirror-ruler { border-left: 1px solid rgb(204, 204, 204); top: 0px; bottom: 0px; position: absolute; }.cm-s-default .cm-header { color: blue; }.cm-s-default .cm-quote { color: rgb(0, 153, 0); }.cm-negative { color: rgb(221, 68, 68); }.cm-positive { color: rgb(34, 153, 34); }.cm-header, .cm-strong { font-weight: bold; }.cm-em { font-style: italic; }.cm-link { text-decoration: underline; }.cm-strikethrough { text-decoration: line-through; }.cm-s-default .cm-keyword { color: rgb(119, 0, 136); }.cm-s-default .cm-atom { color: rgb(34, 17, 153); }.cm-s-default .cm-number { color: rgb(17, 102, 68); }.cm-s-default .cm-def { color: rgb(0, 0, 255); }.cm-s-default .cm-variable-2 { color: rgb(0, 85, 170); }.cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: rgb(0, 136, 85); }.cm-s-default .cm-comment { color: rgb(170, 85, 0); }.cm-s-default .cm-string { color: rgb(170, 17, 17); }.cm-s-default .cm-string-2 { color: rgb(255, 85, 0); }.cm-s-default .cm-meta { color: rgb(85, 85, 85); }.cm-s-default .cm-qualifier { color: rgb(85, 85, 85); }.cm-s-default .cm-builtin { color: rgb(51, 0, 170); }.cm-s-default .cm-bracket { color: rgb(153, 153, 119); }.cm-s-default .cm-tag { color: rgb(17, 119, 0); }.cm-s-default .cm-attribute { color: rgb(0, 0, 204); }.cm-s-default .cm-hr { color: rgb(153, 153, 153); }.cm-s-default .cm-link { color: rgb(0, 0, 204); }.cm-s-default .cm-error { color: red; }.cm-invalidchar { color: red; }.CodeMirror-composing { border-bottom: 2px solid; }div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 187, 0); }div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(170, 34, 34); }.CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); }.CodeMirror-activeline-background { background: rgb(232, 242, 255); }.CodeMirror { position: relative; overflow: hidden; background: white; }.CodeMirror-scroll { margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: 0px; position: relative; overflow: scroll !important; }.CodeMirror-sizer { position: relative; border-right: 30px solid transparent; }.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden scroll; }.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: scroll hidden; }.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; min-height: 100%; z-index: 3; }.CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; }.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; }.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }.CodeMirror-gutter-wrapper ::selection { background-color: transparent; }.CodeMirror-lines { cursor: text; min-height: 1px; }.CodeMirror pre { border-radius: 0px; border-width: 0px; background: transparent; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual; }.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }.CodeMirror-linebackground { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 0; }.CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; }.CodeMirror-rtl pre { direction: rtl; }.CodeMirror-code { outline: 0px; }.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; }.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }.CodeMirror-cursor { position: absolute; pointer-events: none; }.CodeMirror-measure pre { position: static; }div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }div.CodeMirror-dragcursors { visibility: visible; }.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }.CodeMirror-selected { background: rgb(217, 217, 217); }.CodeMirror-focused .CodeMirror-selected { background: rgb(215, 212, 240); }.CodeMirror-crosshair { cursor: crosshair; }.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: rgb(215, 212, 240); }.cm-searching { background-color: rgba(255, 255, 0, 0.4); }.cm-force-border { padding-right: 0.1px; }@media print {\n  .CodeMirror div.CodeMirror-cursors { visibility: hidden; }\n}.cm-tab-wrap-hack::after { content: \"\"; }span.CodeMirror-selectedtext { background: 0px center; }html { box-sizing: border-box; width: 100%; height: 100%; }*, ::before, ::after { box-sizing: inherit; }body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: \"Fira Mono\", monospace; font-size: 14px; line-height: 14px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); }.right { float: right; }svg { fill: currentcolor; }.centered { height: 100%; display: flex; align-items: center; justify-content: center; }.mt1 { margin-top: 1em !important; }.app { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8000; }.app.dark { background: rgb(32, 48, 58); color: rgb(254, 254, 254); }.app .layout { height: calc(100% - 8px); transition: height 200ms ease-out 0s; }.gutter.gutter-horizontal { cursor: ew-resize; float: left; height: 100%; background: rgb(234, 234, 234); }.gutter.gutter-vertical { cursor: ns-resize; width: 100%; background: rgb(234, 234, 234); }.dark .gutter.gutter-horizontal, .dark .gutter.gutter-vertical { background: rgb(46, 65, 76); }.editor-section { vertical-align: top; height: 100%; }.CodeMirror { height: 100%; transition: opacity 300ms ease 0s; opacity: 1; }.CodeMirror-lines { padding: 1em; }.CodeMirror-selected { background-color: rgb(255, 255, 255) !important; }.output { padding: 1em; position: relative; overflow: auto; }.console { position: relative; overflow: auto; }.console p { margin: 0px; padding: 0.5em; white-space: pre-wrap; }.js-code-editor { height: 100%; width: 100%; overflow: auto; line-height: 1.3em; float: left; z-index: 90; }.status-bar { width: 100%; height: 8px; background: rgb(204, 204, 204); cursor: pointer; transition: height 200ms ease-out 0s; overflow: hidden; }.dark .status-bar { background: rgb(0, 0, 0); }.status-bar > div { display: none; }.status-bar a { display: inline-block; color: rgb(0, 0, 0); text-decoration: none; padding: 8px; cursor: pointer; }.dark .status-bar a { color: rgb(165, 165, 165); }.status-bar a:hover { color: rgb(76, 0, 0); }.dark .status-bar a:hover { color: rgb(123, 109, 109); }.status-bar a.active { font-weight: bold; }.status-bar a svg { transform: translateY(3px); }.popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8100; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); transition: opacity 200ms ease 0s, width 200ms ease-out 0s; opacity: 0; }.popup section { position: absolute; min-width: 600px; max-width: 90%; max-height: 90%; overflow-y: auto; padding: 1em; background: rgb(46, 46, 46); border-radius: 0.2em; box-shadow: rgb(0, 0, 0) 0px 0px 5px 3px; top: 50%; left: 50%; transform: translate(-50%, -50%); }.popup section.multiple-pages { padding: 0px; }.popup .close { background: 0px center; color: rgb(255, 255, 255); border: 0px; position: absolute; top: 0.4em; right: 0.5em; cursor: pointer; outline: 0px; }.popup .close:hover { color: rgb(153, 153, 153); background: 0px center; }.popup .multiple-pages .close { top: 4px; right: 0px; }.popup p { margin: 0px 0px 1em; padding: 0px; line-height: 1.2em; }.popup h1 { padding: 0px; margin: 1em 0px; }.popup h2 { padding: 0px; margin: 0px 0px 1em; }.popup button { padding: 0.6em 1em; background: 0px center; cursor: pointer; border-radius: 4px; border: 2px solid rgb(82, 82, 82); color: rgb(255, 255, 255); outline: 0px; display: inline-block; text-transform: uppercase; font-weight: bold; }.popup button:hover { background: rgb(49, 49, 49); }.popup .right { float: right; }.popup .secondary span { display: inline-block; transform: translateY(-5px); margin-left: 7px; }.popup hr { margin: 1em 0px; border-color: rgb(49, 49, 49); }.popup input, .popup textarea { width: 100%; border: 1px solid rgb(82, 82, 82); padding: 0.6em; display: block; border-radius: 4px; outline: 0px; margin-bottom: 1em; }.popup textarea { height: 162px; }.popup a { color: inherit; }.popup a:hover { text-decoration: none; }.popup .sub-nav { list-style: none; margin: 0px; padding: 0px; background: rgb(64, 64, 64); }.popup .sub-nav li { display: inline-block; margin: 0px; padding: 0px; background: rgb(64, 64, 64); }.popup .sub-nav li a { display: block; text-decoration: none; padding: 1em; text-transform: uppercase; border-right: 1px solid rgb(14, 14, 14); }.popup .sub-nav li a:hover { color: rgb(153, 153, 153); }.popup .sub-nav li.active { background: rgb(46, 46, 46); }.popup .content { padding: 1em; }@keyframes bubble { \n  0% { transform: scale(0.5); }\n  50% { transform: scale(1.2); }\n  100% { transform: scale(0.5); }\n}.spinner { width: 20px; height: 20px; background: rgb(0, 0, 0); border-radius: 10px; animation: bubble 1s ease 0s infinite normal none running; }.cm-s-light.CodeMirror { background: rgb(255, 255, 255); color: rgb(36, 41, 46); }.cm-s-light .CodeMirror-gutters { background: rgb(255, 255, 255); border-right-width: 0px; }.cm-s-light .CodeMirror-guttermarker { color: white; }.cm-s-light .CodeMirror-guttermarker-subtle { color: rgb(208, 208, 208); }.cm-s-light .CodeMirror-linenumber { color: rgb(149, 157, 165); padding: 0px 16px; }.cm-s-light .CodeMirror-cursor { border-left: 1px solid rgb(36, 41, 46); }.cm-s-light .CodeMirror-activeline-background { background: rgb(250, 251, 252); }.cm-s-light .CodeMirror-matchingbracket { text-decoration: underline; color: rgb(36, 41, 46) !important; }.cm-s-light .CodeMirror-lines { font-family: inherit; font-size: inherit; background: rgb(255, 255, 255); line-height: 1.5; }.cm-s-light .cm-comment { color: rgb(106, 115, 125); }.cm-s-light .cm-constant { color: rgb(0, 92, 197); }.cm-s-light .cm-entity { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(111, 66, 193); }.cm-s-light .cm-keyword { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(215, 58, 73); }.cm-s-light .cm-storage { color: rgb(215, 58, 73); }.cm-s-light .cm-string { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(3, 148, 30); }.cm-s-light .cm-support { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(0, 92, 197); }.cm-s-light .cm-variable { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(227, 98, 9); }.cm-s-light .cm-tag { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(13, 110, 171); }.cm-s-light .cm-string-2 { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(3, 148, 30); }.CodeMirror-selectedtext { color: rgb(0, 0, 0) !important; background: rgb(209, 216, 224) !important; }.cm-s-dark.CodeMirror { background: rgb(32, 48, 58); color: rgb(243, 243, 243); }.cm-s-dark .CodeMirror-gutters { background: rgb(32, 48, 58); border-right-width: 0px; }.cm-s-dark .CodeMirror-guttermarker { color: black; }.cm-s-dark .CodeMirror-guttermarker-subtle { color: rgb(208, 208, 208); }.cm-s-dark .CodeMirror-linenumber { color: rgb(149, 157, 165); padding: 0px 16px; }.cm-s-dark .CodeMirror-cursor { border-left: 1px solid rgb(243, 243, 243); }.cm-s-dark .CodeMirror-activeline-background { background: rgb(58, 58, 58); }.cm-s-dark .CodeMirror-matchingbracket { text-decoration: underline; color: rgb(255, 255, 255) !important; }.cm-s-dark .CodeMirror-lines { font-family: inherit; font-size: inherit; background: rgb(32, 48, 58); line-height: 1.5; }.cm-s-dark .cm-comment { color: rgb(106, 115, 125); }.cm-s-dark .cm-constant { color: rgb(0, 92, 197); }.cm-s-dark .cm-entity { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(111, 66, 193); }.cm-s-dark .cm-keyword { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(178, 194, 226); }.cm-s-dark .cm-storage { color: rgb(178, 194, 226); }.cm-s-dark .cm-string { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(142, 175, 134); }.cm-s-dark .cm-support { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(0, 92, 197); }.cm-s-dark .cm-variable { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(222, 183, 156); }.cm-s-dark .cm-def { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(222, 183, 156); }.cm-s-dark .cm-tag { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(175, 191, 230); }.cm-s-dark .cm-string-2 { font-weight: normal; font-style: normal; text-decoration: none; color: rgb(142, 175, 134); }.CodeMirror-selectedtext { color: rgb(0, 0, 0) !important; background: rgb(209, 216, 224) !important; }"},"childNodes":[],"id":11},{"type":3,"textContent":"\n  ","id":12},{"type":2,"tagName":"link","attributes":{"rel":"shortcut icon","type":"image/png","href":"https://demoit.app/e/img/demoit_64x64.png"},"childNodes":[],"id":13},{"type":3,"textContent":"\n  ","id":14},{"type":2,"tagName":"meta","attributes":{"name":"viewport","content":"user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"},"childNodes":[],"id":15},{"type":3,"textContent":"\n","id":16}],"id":4},{"type":3,"textContent":"\n","id":17},{"type":2,"tagName":"body","attributes":{"data-gr-c-s-loaded":"true"},"childNodes":[{"type":3,"textContent":"\n  ","id":19},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-output"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":21}],"id":20},{"type":3,"textContent":"\n\n  ","id":22},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-console"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":24}],"id":23},{"type":3,"textContent":"\n\n  ","id":25},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-editor"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":27}],"id":26},{"type":3,"textContent":"\n\n  ","id":28},{"type":2,"tagName":"script","attributes":{"type":"text/template","id":"template-code-preview"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":30}],"id":29},{"type":3,"textContent":"\n\n  ","id":31},{"type":2,"tagName":"div","attributes":{"class":"app light"},"childNodes":[{"type":3,"textContent":"\n    ","id":33},{"type":2,"tagName":"div","attributes":{"class":"status-bar","style":"height: 36px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[{"type":3,"textContent":"ReactHooks.js","id":37}],"id":36},{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":40}],"isSVG":true,"id":39}],"id":38},{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":43}],"isSVG":true,"id":42}],"id":41},{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":46}],"isSVG":true,"id":45}],"id":44}],"id":35}],"id":34},{"type":3,"textContent":"\n    ","id":47},{"type":2,"tagName":"div","attributes":{"class":"layout","style":"height: calc(100% - 36px); filter: none;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"editor-section editor","style":"height: calc(70% - 1px);"},"childNodes":[{"type":3,"textContent":"\n      ","id":50},{"type":2,"tagName":"div","attributes":{"class":"js-code-editor"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror cm-s-light CodeMirror-focused"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 140px; left: 363px;"},"childNodes":[{"type":2,"tagName":"textarea","attributes":{"autocorrect":"off","autocapitalize":"off","spellcheck":"false","style":"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;","tabindex":"0"},"childNodes":[],"id":54}],"id":53},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-vscrollbar","tabindex":"-1","cm-not-content":"true","style":"bottom: 0px; display: block;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"min-width: 1px; height: 679px;"},"childNodes":[],"id":56}],"id":55},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-hscrollbar","tabindex":"-1","cm-not-content":"true"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"height: 100%; min-height: 1px; width: 0px;"},"childNodes":[],"id":58}],"id":57},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-scrollbar-filler","cm-not-content":"true"},"childNodes":[],"id":59},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-gutter-filler","cm-not-content":"true"},"childNodes":[],"id":60},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-scroll","tabindex":"-1"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-sizer","style":"margin-left: 0px; margin-bottom: -15px; border-right-width: 15px; min-height: 679px; min-width: 773.828px; padding-right: 15px; padding-bottom: 0px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"style":"position: relative; top: 0px;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-lines","role":"presentation"},"childNodes":[{"type":2,"tagName":"div","attributes":{"role":"presentation","style":"position: relative; outline: none;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-measure"},"childNodes":[],"id":66},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-measure"},"childNodes":[],"id":67},{"type":2,"tagName":"div","attributes":{"style":"position: relative; z-index: 1;"},"childNodes":[],"id":68},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursors","style":"visibility: hidden;"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 349px; top: 273px; height: 21px;"},"childNodes":[{"type":3,"textContent":" ","id":71}],"id":70}],"id":69},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-code","role":"presentation","style":""},"childNodes":[{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"const","id":76}],"id":75},{"type":3,"textContent":" ","id":77},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"base","id":79}],"id":78},{"type":3,"textContent":" ","id":80},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":82}],"id":81},{"type":3,"textContent":" ","id":83},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Date","id":85}],"id":84},{"type":3,"textContent":".","id":86},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"now","id":88}],"id":87},{"type":3,"textContent":"()","id":89}],"id":74}],"id":73},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":93}],"id":92}],"id":91}],"id":90},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"class","id":97}],"id":96},{"type":3,"textContent":" ","id":98},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"App","id":100}],"id":99},{"type":3,"textContent":" ","id":101},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"extends","id":103}],"id":102},{"type":3,"textContent":" ","id":104},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"React","id":106}],"id":105},{"type":3,"textContent":".","id":107},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"Component","id":109}],"id":108},{"type":3,"textContent":" {","id":110}],"id":95}],"id":94},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":113},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"constructor","id":115}],"id":114},{"type":3,"textContent":"(","id":116},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"props","id":118}],"id":117},{"type":3,"textContent":") {","id":119}],"id":112}],"id":111},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":122},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"super","id":124}],"id":123},{"type":3,"textContent":"(","id":125},{"type":2,"tagName":"span","attributes":{"class":"cm-variable-2"},"childNodes":[{"type":3,"textContent":"props","id":127}],"id":126},{"type":3,"textContent":");","id":128}],"id":121}],"id":120},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":131},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":133}],"id":132},{"type":3,"textContent":".","id":134},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"state","id":136}],"id":135},{"type":3,"textContent":" ","id":137},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":139}],"id":138},{"type":3,"textContent":" {","id":140}],"id":130}],"id":129},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":143},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"count","id":145}],"id":144},{"type":3,"textContent":": ","id":146},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"0","id":148}],"id":147},{"type":3,"textContent":",","id":149}],"id":142}],"id":141},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":152},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"time","id":154}],"id":153},{"type":3,"textContent":": ","id":155},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"base","id":157}],"id":156},{"type":3,"textContent":",","id":158}],"id":151}],"id":150},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    };","id":161}],"id":160}],"id":159},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":164}],"id":163}],"id":162},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":167}],"id":166}],"id":165},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":170},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"componentDidMount","id":172}],"id":171},{"type":3,"textContent":"() {","id":173}],"id":169}],"id":168},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":176},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"setInterval","id":178}],"id":177},{"type":3,"textContent":"(() ","id":179},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=>","id":181}],"id":180},{"type":3,"textContent":" {","id":182}],"id":175}],"id":174},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":185},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":187}],"id":186},{"type":3,"textContent":".","id":188},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"setState","id":190}],"id":189},{"type":3,"textContent":"({ ","id":191},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"time","id":193}],"id":192},{"type":3,"textContent":": ","id":194},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Date","id":196}],"id":195},{"type":3,"textContent":".","id":197},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"now","id":199}],"id":198},{"type":3,"textContent":"() })","id":200}],"id":184}],"id":183},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    }, ","id":203},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1000","id":205}],"id":204},{"type":3,"textContent":");","id":206}],"id":202}],"id":201},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":209}],"id":208}],"id":207},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":212}],"id":211}],"id":210},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":215},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"render","id":217}],"id":216},{"type":3,"textContent":"() {","id":218}],"id":214}],"id":213},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":221},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"const","id":223}],"id":222},{"type":3,"textContent":" { ","id":224},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"count","id":226}],"id":225},{"type":3,"textContent":", ","id":227},{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[{"type":3,"textContent":"time","id":229}],"id":228},{"type":3,"textContent":" } ","id":230},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=","id":232}],"id":231},{"type":3,"textContent":" ","id":233},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":235}],"id":234},{"type":3,"textContent":".","id":236},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"state","id":238}],"id":237},{"type":3,"textContent":";","id":239}],"id":220}],"id":219},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  ","id":242},{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[{"type":3,"textContent":"  ","id":244}],"id":243},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"return","id":246}],"id":245},{"type":3,"textContent":" (","id":247}],"id":241}],"id":240},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    ","id":250},{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[{"type":3,"textContent":"  ","id":252}],"id":251},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":254}],"id":253},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"section","id":256}],"id":255},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":258}],"id":257}],"id":249}],"id":248},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":261},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":263}],"id":262},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":265}],"id":264},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":267}],"id":266},{"type":3,"textContent":"Time {","id":268},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"Math","id":270}],"id":269},{"type":3,"textContent":".","id":271},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"round","id":273}],"id":272},{"type":3,"textContent":"((","id":274},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"time","id":276}],"id":275},{"type":3,"textContent":" ","id":277},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"-","id":279}],"id":278},{"type":3,"textContent":" ","id":280},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"base","id":282}],"id":281},{"type":3,"textContent":") ","id":283},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"/","id":285}],"id":284},{"type":3,"textContent":" ","id":286},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1000","id":288}],"id":287},{"type":3,"textContent":")}","id":289},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":291}],"id":290},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":293}],"id":292},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":295}],"id":294}],"id":260}],"id":259},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":298},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":300}],"id":299},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":302}],"id":301},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":304}],"id":303},{"type":3,"textContent":"Counter {","id":305},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"count","id":307}],"id":306},{"type":3,"textContent":"}","id":308},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":310}],"id":309},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"div","id":312}],"id":311},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":314}],"id":313}],"id":297}],"id":296},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"        ","id":317},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":319}],"id":318},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"button","id":321}],"id":320},{"type":3,"textContent":" ","id":322},{"type":2,"tagName":"span","attributes":{"class":"cm-attribute"},"childNodes":[{"type":3,"textContent":"onClick","id":324}],"id":323},{"type":3,"textContent":"={() ","id":325},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"=>","id":327}],"id":326},{"type":3,"textContent":" ","id":328},{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[{"type":3,"textContent":"this","id":330}],"id":329},{"type":3,"textContent":".","id":331},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"setState","id":333}],"id":332},{"type":3,"textContent":"({ ","id":334},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"count","id":336}],"id":335},{"type":3,"textContent":": ","id":337},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"count","id":339}],"id":338},{"type":3,"textContent":" ","id":340},{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[{"type":3,"textContent":"+","id":342}],"id":341},{"type":3,"textContent":" ","id":343},{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[{"type":3,"textContent":"1","id":345}],"id":344},{"type":3,"textContent":" })}","id":346},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":348}],"id":347},{"type":3,"textContent":"click to count","id":349},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":351}],"id":350},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"button","id":353}],"id":352},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":355}],"id":354}],"id":316}],"id":315},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"      ","id":358},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"</","id":360}],"id":359},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"section","id":362}],"id":361},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":">","id":364}],"id":363}],"id":357}],"id":356},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"    )","id":367}],"id":366}],"id":365},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"  }","id":370}],"id":369}],"id":368},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":3,"textContent":"}","id":373}],"id":372}],"id":371},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":377}],"id":376}],"id":375}],"id":374},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"ReactDOM","id":381}],"id":380},{"type":3,"textContent":".","id":382},{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[{"type":3,"textContent":"render","id":384}],"id":383},{"type":3,"textContent":"(","id":385},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"<","id":387}],"id":386},{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[{"type":3,"textContent":"App","id":389}],"id":388},{"type":3,"textContent":" ","id":390},{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[{"type":3,"textContent":"/>","id":392}],"id":391},{"type":3,"textContent":", ","id":393},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"document","id":395}],"id":394},{"type":3,"textContent":".","id":396},{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[{"type":3,"textContent":"querySelector","id":398}],"id":397},{"type":3,"textContent":"(","id":399},{"type":2,"tagName":"span","attributes":{"class":"cm-string"},"childNodes":[{"type":3,"textContent":"'.output'","id":401}],"id":400},{"type":3,"textContent":"));","id":402}],"id":379}],"id":378},{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[{"type":3,"textContent":"​","id":406}],"id":405}],"id":404}],"id":403}],"id":72}],"id":65}],"id":64}],"id":63}],"id":62},{"type":2,"tagName":"div","attributes":{"style":"position: absolute; height: 15px; width: 1px; border-bottom: 0px solid transparent; top: 679px;"},"childNodes":[],"id":407},{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-gutters","style":"display: none; height: 694px;"},"childNodes":[],"id":408}],"id":61}],"id":52}],"id":51},{"type":3,"textContent":"\n    ","id":409}],"id":49},{"type":2,"tagName":"div","attributes":{"class":"gutter gutter-vertical","style":"height: 2px;"},"childNodes":[],"id":410},{"type":2,"tagName":"div","attributes":{"class":"editor-section","style":"height: calc(30% - 1px);"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"editor-section output","id":"output","style":"float: left; width: calc(50% - 1px);"},"childNodes":[{"type":2,"tagName":"section","attributes":{},"childNodes":[{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"Time ","id":415},{"type":3,"textContent":"0","id":416}],"id":414},{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"Counter ","id":418},{"type":3,"textContent":"0","id":419}],"id":417},{"type":2,"tagName":"button","attributes":{},"childNodes":[{"type":3,"textContent":"click to count","id":421}],"id":420}],"id":413}],"id":412},{"type":2,"tagName":"div","attributes":{"class":"gutter gutter-horizontal","style":"width: 2px;"},"childNodes":[],"id":422},{"type":2,"tagName":"div","attributes":{"class":"editor-section console","style":"float: left; width: calc(50% - 1px);"},"childNodes":[{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[{"type":2,"tagName":"div","attributes":{},"childNodes":[{"type":3,"textContent":"console.log(...)","id":426}],"id":425}],"id":424}],"id":423}],"id":411}],"id":48},{"type":3,"textContent":"\n  ","id":427}],"id":32},{"type":3,"textContent":"\n\n  ","id":428},{"type":2,"tagName":"script","attributes":{},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":430}],"id":429},{"type":3,"textContent":"\n  ","id":431},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/static/demoit/demoit.js"},"childNodes":[],"id":432},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/editor.js"},"childNodes":[],"id":433},{"type":3,"textContent":"\n\n\n","id":434},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/react-16.7.0-alpha.0.js"},"childNodes":[],"id":435},{"type":2,"tagName":"script","attributes":{"src":"https://demoit.app/e/resources/react-dom.16.7.0-alpha.0.js"},"childNodes":[],"id":436}],"id":18}],"id":3}],"id":1},"initialOffset":{"left":0,"top":0}},"timestamp":1544756766761,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756767101,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":1158,"y":93,"id":55,"timeOffset":-1}]},"timestamp":1544756767119,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"1"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756767141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":1019,"y":171,"id":174,"timeOffset":-469},{"x":934,"y":230,"id":207,"timeOffset":-435},{"x":921,"y":239,"id":210,"timeOffset":-403},{"x":926,"y":238,"id":207,"timeOffset":-377}]},"timestamp":1544756767620,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756767631,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":918,"y":241,"id":210,"timeOffset":-280},{"x":896,"y":248,"id":210,"timeOffset":-255},{"x":848,"y":257,"id":210,"timeOffset":-223},{"x":806,"y":260,"id":213,"timeOffset":-190},{"x":764,"y":264,"id":213,"timeOffset":-156},{"x":757,"y":268,"id":213,"timeOffset":-122}]},"timestamp":1544756768122,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"2"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756768141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756768161,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":213,"x":757,"y":268},"timestamp":1544756768297,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 224px; left: 119px;"}}],"removes":[{"parentId":69,"id":70}],"adds":[{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 105px; top: 357px; height: 21px;"},"childNodes":[],"id":437}},{"parentId":437,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":438}}]},"timestamp":1544756768304,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":213,"x":757,"y":268},"timestamp":1544756768475,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":213,"x":757,"y":268},"timestamp":1544756768475,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756768830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"3"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756769142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756769361,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756769890,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"4"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756770142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756770420,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756770951,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"5"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756771141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756771480,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756772010,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"6"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756772141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756772540,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756773070,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"7"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756773142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756773601,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756774131,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"8"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756774141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756774660,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"9"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756775142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756775190,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756775720,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"10"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756776142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756776250,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756776781,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"11"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756777141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756777311,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756777841,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"12"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756778142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756778371,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756778900,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"13"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756779141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756779430,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756779960,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"14"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756780141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756780490,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756781020,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"15"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756781140,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756781550,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756782081,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"16"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756782142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756782610,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"17"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756783141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756783142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756783670,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"18"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756784142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756784200,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756784730,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"19"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756785141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756785260,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756785791,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"20"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756786141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756786321,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756786851,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"21"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756787142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756787380,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756787911,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"22"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756788141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756788440,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756788970,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"23"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756789142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756789500,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756790031,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"24"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756790142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756790561,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756791090,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"25"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756791141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756791621,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"26"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756792142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756792151,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756792680,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"27"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756793142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756793211,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756793740,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"28"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756794141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756794270,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756794800,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"29"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756795141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756795331,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756795860,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"30"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756796142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756796390,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756796921,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"31"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756797142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756797450,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756797980,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"32"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756798142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756798510,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756799041,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"33"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756799142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756799570,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756800100,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"34"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756800142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756800631,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"35"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756801142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756801161,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756801691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"36"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756802142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756802221,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756802750,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"37"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756803142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756803280,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756803810,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"38"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756804142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756804340,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756804871,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"39"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756805141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756805400,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756805930,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"40"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756806142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756806460,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756806990,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"41"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756807142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756807520,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756808051,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"42"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756808142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756808580,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756809110,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"43"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756809142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756809640,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"44"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756810141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756810170,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756810701,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"45"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756811141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":750,"y":268,"id":213,"timeOffset":0}]},"timestamp":1544756811187,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756811230,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":720,"y":274,"id":213,"timeOffset":-472},{"x":682,"y":281,"id":219,"timeOffset":-438},{"x":621,"y":284,"id":219,"timeOffset":-405},{"x":576,"y":288,"id":219,"timeOffset":-371},{"x":529,"y":305,"id":240,"timeOffset":-338},{"x":506,"y":327,"id":248,"timeOffset":-305},{"x":492,"y":345,"id":259,"timeOffset":-271},{"x":490,"y":356,"id":292,"timeOffset":-238},{"x":501,"y":374,"id":296,"timeOffset":-205}]},"timestamp":1544756811689,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756811760,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"46"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756812141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":505,"y":396,"id":338,"timeOffset":-337},{"x":505,"y":427,"id":356,"timeOffset":-306},{"x":511,"y":453,"id":368,"timeOffset":-273},{"x":520,"y":491,"id":374,"timeOffset":-240},{"x":526,"y":513,"id":412,"timeOffset":-205},{"x":536,"y":548,"id":413,"timeOffset":-173},{"x":540,"y":575,"id":412,"timeOffset":-139},{"x":539,"y":592,"id":412,"timeOffset":-107},{"x":536,"y":596,"id":412,"timeOffset":-73},{"x":533,"y":600,"id":412,"timeOffset":-38},{"x":527,"y":607,"id":412,"timeOffset":-6}]},"timestamp":1544756812190,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756812290,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":522,"y":612,"id":412,"timeOffset":-474},{"x":517,"y":618,"id":412,"timeOffset":-441},{"x":516,"y":618,"id":412,"timeOffset":-346}]},"timestamp":1544756812691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756812821,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"47"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756813142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":507,"y":610,"id":412,"timeOffset":-131},{"x":487,"y":594,"id":412,"timeOffset":-107},{"x":440,"y":546,"id":417,"timeOffset":-74},{"x":412,"y":519,"id":414,"timeOffset":-40},{"x":394,"y":492,"id":374,"timeOffset":-7}]},"timestamp":1544756813191,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756813350,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":368,"x":387,"y":463},"timestamp":1544756813496,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 413px; left: 43px;"}},{"id":69,"attributes":{"style":""}}],"removes":[{"parentId":69,"id":437}],"adds":[{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 29px; top: 546px; height: 21px;"},"childNodes":[],"id":439}},{"parentId":439,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":440}}]},"timestamp":1544756813505,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":368,"x":387,"y":463},"timestamp":1544756813674,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":368,"x":387,"y":463},"timestamp":1544756813674,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":390,"y":475,"id":371,"timeOffset":-474}]},"timestamp":1544756813691,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756814033,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"48"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756814141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756814562,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":120},"timestamp":1544756814684,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":0},"timestamp":1544756814785,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756815093,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"49"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756815142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":9},"timestamp":1544756815340,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":163},"timestamp":1544756815441,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":212},"timestamp":1544756815541,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756815623,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"50"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756816142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756816153,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756816683,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"51"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756817142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756817213,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756817743,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"52"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756818141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756818274,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":384,"y":449,"id":397,"timeOffset":0}]},"timestamp":1544756818391,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":166},"timestamp":1544756818797,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756818804,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":379,"y":407,"id":371,"timeOffset":-476},{"x":375,"y":322,"id":315,"timeOffset":-443},{"x":379,"y":294,"id":260,"timeOffset":-410}]},"timestamp":1544756818891,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":7},"timestamp":1544756818897,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":0},"timestamp":1544756818998,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"53"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756819142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":19},"timestamp":1544756819298,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756819333,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":212},"timestamp":1544756819398,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756819863,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"54"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756820142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756820393,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756820923,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"55"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756821141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756821454,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756821983,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"56"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756822141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756822513,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756823043,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"57"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756823142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756823573,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756824103,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"58"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756824141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756824633,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"59"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756825141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756825163,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756825693,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"60"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756826142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756826223,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756826753,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"61"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756827142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756827283,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756827813,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"62"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756828142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756828343,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756828873,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"63"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756829141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756829403,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756829932,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"64"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756830142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756830463,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756830993,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"65"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756831144,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756831522,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756832054,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"66"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756832142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756832583,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756833114,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"67"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756833142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756833643,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"68"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756834141,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756834173,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756834703,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"69"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756835142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756835233,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756835763,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"70"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756836142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756836293,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":364,"y":238,"id":240,"timeOffset":0}]},"timestamp":1544756836504,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756836823,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":339,"y":167,"id":207,"timeOffset":-478},{"x":289,"y":47,"id":162,"timeOffset":-445},{"x":255,"y":11,"id":35,"timeOffset":-412},{"x":243,"y":24,"id":35,"timeOffset":-379},{"x":235,"y":45,"id":162,"timeOffset":-346},{"x":229,"y":52,"id":165,"timeOffset":-312},{"x":226,"y":53,"id":165,"timeOffset":-279},{"x":217,"y":56,"id":165,"timeOffset":-245},{"x":189,"y":60,"id":165,"timeOffset":-212},{"x":159,"y":56,"id":165,"timeOffset":-179},{"x":127,"y":41,"id":162,"timeOffset":-145},{"x":102,"y":25,"id":36,"timeOffset":-112},{"x":102,"y":24,"id":36,"timeOffset":-38},{"x":103,"y":24,"id":36,"timeOffset":-9}]},"timestamp":1544756837004,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":416,"value":"71"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756837142,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756837353,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":103,"y":23,"id":36,"timeOffset":-470},{"x":104,"y":23,"id":36,"timeOffset":-413},{"x":104,"y":23,"id":36,"timeOffset":-379},{"x":104,"y":23,"id":36,"timeOffset":-345},{"x":105,"y":23,"id":36,"timeOffset":-306}]},"timestamp":1544756837504,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":1,"id":36,"x":105,"y":23},"timestamp":1544756837538,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":54},"timestamp":1544756837539,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":52,"attributes":{"class":"CodeMirror cm-s-light"}}],"removes":[],"adds":[]},"timestamp":1544756837540,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":5,"id":36},"timestamp":1544756837542,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":0,"id":36,"x":105,"y":23},"timestamp":1544756837716,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":2,"id":36,"x":105,"y":23},"timestamp":1544756837716,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":36},"timestamp":1544756837717,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":441,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":34,"id":35},{"parentId":412,"id":413}],"adds":[{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":441}},{"parentId":441,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":442}},{"parentId":442,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":443}},{"parentId":441,"previousId":442,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":444}},{"parentId":444,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":445}},{"parentId":445,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":446}},{"parentId":441,"previousId":444,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":447}},{"parentId":447,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":448}},{"parentId":448,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":449}},{"parentId":441,"previousId":447,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":450}},{"parentId":450,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":451}},{"parentId":451,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":452}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":453}},{"parentId":453,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<div id=\"output\" />","id":454}}]},"timestamp":1544756837723,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":5,"id":54},"timestamp":1544756837758,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":72,"attributes":{"style":""}},{"id":53,"attributes":{"style":"overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 18px;"}},{"id":62,"attributes":{"style":"margin-left: 0px; margin-bottom: -15px; border-right-width: 15px; min-height: 679px; min-width: 773.828px; padding-right: 15px; padding-bottom: 0px;"}},{"id":408,"attributes":{"style":"display: none; height: 694px;"}},{"id":52,"attributes":{"class":"CodeMirror cm-s-light CodeMirror-focused"}},{"id":69,"attributes":{"style":""}},{"id":791,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":423,"id":424},{"parentId":34,"id":441},{"parentId":72,"id":73},{"parentId":72,"id":90},{"parentId":72,"id":94},{"parentId":72,"id":111},{"parentId":72,"id":120},{"parentId":72,"id":129},{"parentId":72,"id":141},{"parentId":72,"id":150},{"parentId":72,"id":159},{"parentId":72,"id":162},{"parentId":72,"id":165},{"parentId":72,"id":168},{"parentId":72,"id":174},{"parentId":72,"id":183},{"parentId":72,"id":201},{"parentId":72,"id":207},{"parentId":72,"id":210},{"parentId":72,"id":213},{"parentId":72,"id":219},{"parentId":72,"id":240},{"parentId":72,"id":248},{"parentId":72,"id":259},{"parentId":72,"id":296},{"parentId":72,"id":315},{"parentId":72,"id":356},{"parentId":72,"id":365},{"parentId":72,"id":368},{"parentId":72,"id":371},{"parentId":72,"id":374},{"parentId":72,"id":378},{"parentId":72,"id":403},{"parentId":69,"id":439},{"parentId":412,"id":453}],"adds":[{"parentId":72,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":455}},{"parentId":455,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":456}},{"parentId":456,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":457}},{"parentId":457,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"const","id":458}},{"parentId":456,"previousId":457,"nextId":-1,"node":{"type":3,"textContent":" ","id":459}},{"parentId":456,"previousId":459,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":460}},{"parentId":460,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":461}},{"parentId":456,"previousId":460,"nextId":-1,"node":{"type":3,"textContent":" ","id":462}},{"parentId":456,"previousId":462,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":463}},{"parentId":463,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":464}},{"parentId":456,"previousId":463,"nextId":-1,"node":{"type":3,"textContent":" ","id":465}},{"parentId":456,"previousId":465,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":466}},{"parentId":466,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Date","id":467}},{"parentId":456,"previousId":466,"nextId":-1,"node":{"type":3,"textContent":".","id":468}},{"parentId":456,"previousId":468,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":469}},{"parentId":469,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"now","id":470}},{"parentId":456,"previousId":469,"nextId":null,"node":{"type":3,"textContent":"()","id":471}},{"parentId":72,"previousId":455,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":472}},{"parentId":472,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":473}},{"parentId":473,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":474}},{"parentId":474,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":475}},{"parentId":72,"previousId":472,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":476}},{"parentId":476,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":477}},{"parentId":477,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":478}},{"parentId":478,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"class","id":479}},{"parentId":477,"previousId":478,"nextId":-1,"node":{"type":3,"textContent":" ","id":480}},{"parentId":477,"previousId":480,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":481}},{"parentId":481,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"App","id":482}},{"parentId":477,"previousId":481,"nextId":-1,"node":{"type":3,"textContent":" ","id":483}},{"parentId":477,"previousId":483,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":484}},{"parentId":484,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"extends","id":485}},{"parentId":477,"previousId":484,"nextId":-1,"node":{"type":3,"textContent":" ","id":486}},{"parentId":477,"previousId":486,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":487}},{"parentId":487,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"React","id":488}},{"parentId":477,"previousId":487,"nextId":-1,"node":{"type":3,"textContent":".","id":489}},{"parentId":477,"previousId":489,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":490}},{"parentId":490,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Component","id":491}},{"parentId":477,"previousId":490,"nextId":null,"node":{"type":3,"textContent":" {","id":492}},{"parentId":72,"previousId":476,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":493}},{"parentId":493,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":494}},{"parentId":494,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":495}},{"parentId":494,"previousId":495,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":496}},{"parentId":496,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"constructor","id":497}},{"parentId":494,"previousId":496,"nextId":-1,"node":{"type":3,"textContent":"(","id":498}},{"parentId":494,"previousId":498,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":499}},{"parentId":499,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"props","id":500}},{"parentId":494,"previousId":499,"nextId":null,"node":{"type":3,"textContent":") {","id":501}},{"parentId":72,"previousId":493,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":502}},{"parentId":502,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":503}},{"parentId":503,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":504}},{"parentId":503,"previousId":504,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":505}},{"parentId":505,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"super","id":506}},{"parentId":503,"previousId":505,"nextId":-1,"node":{"type":3,"textContent":"(","id":507}},{"parentId":503,"previousId":507,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable-2"},"childNodes":[],"id":508}},{"parentId":508,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"props","id":509}},{"parentId":503,"previousId":508,"nextId":null,"node":{"type":3,"textContent":");","id":510}},{"parentId":72,"previousId":502,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":511}},{"parentId":511,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":512}},{"parentId":512,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":513}},{"parentId":512,"previousId":513,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":514}},{"parentId":514,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":515}},{"parentId":512,"previousId":514,"nextId":-1,"node":{"type":3,"textContent":".","id":516}},{"parentId":512,"previousId":516,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":517}},{"parentId":517,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"state","id":518}},{"parentId":512,"previousId":517,"nextId":-1,"node":{"type":3,"textContent":" ","id":519}},{"parentId":512,"previousId":519,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":520}},{"parentId":520,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":521}},{"parentId":512,"previousId":520,"nextId":null,"node":{"type":3,"textContent":" {","id":522}},{"parentId":72,"previousId":511,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":523}},{"parentId":523,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":524}},{"parentId":524,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":525}},{"parentId":524,"previousId":525,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":526}},{"parentId":526,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":527}},{"parentId":524,"previousId":526,"nextId":-1,"node":{"type":3,"textContent":": ","id":528}},{"parentId":524,"previousId":528,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":529}},{"parentId":529,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"0","id":530}},{"parentId":524,"previousId":529,"nextId":null,"node":{"type":3,"textContent":",","id":531}},{"parentId":72,"previousId":523,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":532}},{"parentId":532,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":533}},{"parentId":533,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":534}},{"parentId":533,"previousId":534,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":535}},{"parentId":535,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":536}},{"parentId":533,"previousId":535,"nextId":-1,"node":{"type":3,"textContent":": ","id":537}},{"parentId":533,"previousId":537,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":538}},{"parentId":538,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":539}},{"parentId":533,"previousId":538,"nextId":null,"node":{"type":3,"textContent":",","id":540}},{"parentId":72,"previousId":532,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":541}},{"parentId":541,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":542}},{"parentId":542,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"    };","id":543}},{"parentId":72,"previousId":541,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":544}},{"parentId":544,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":545}},{"parentId":545,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":546}},{"parentId":72,"previousId":544,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":547}},{"parentId":547,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":548}},{"parentId":548,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":549}},{"parentId":72,"previousId":547,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":550}},{"parentId":550,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":551}},{"parentId":551,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":552}},{"parentId":551,"previousId":552,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":553}},{"parentId":553,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"componentDidMount","id":554}},{"parentId":551,"previousId":553,"nextId":null,"node":{"type":3,"textContent":"() {","id":555}},{"parentId":72,"previousId":550,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":556}},{"parentId":556,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":557}},{"parentId":557,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":558}},{"parentId":557,"previousId":558,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":559}},{"parentId":559,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setInterval","id":560}},{"parentId":557,"previousId":559,"nextId":-1,"node":{"type":3,"textContent":"(() ","id":561}},{"parentId":557,"previousId":561,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":562}},{"parentId":562,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=>","id":563}},{"parentId":557,"previousId":562,"nextId":null,"node":{"type":3,"textContent":" {","id":564}},{"parentId":72,"previousId":556,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":565}},{"parentId":565,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":566}},{"parentId":566,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":567}},{"parentId":566,"previousId":567,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":568}},{"parentId":568,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":569}},{"parentId":566,"previousId":568,"nextId":-1,"node":{"type":3,"textContent":".","id":570}},{"parentId":566,"previousId":570,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":571}},{"parentId":571,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setState","id":572}},{"parentId":566,"previousId":571,"nextId":-1,"node":{"type":3,"textContent":"({ ","id":573}},{"parentId":566,"previousId":573,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":574}},{"parentId":574,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":575}},{"parentId":566,"previousId":574,"nextId":-1,"node":{"type":3,"textContent":": ","id":576}},{"parentId":566,"previousId":576,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":577}},{"parentId":577,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Date","id":578}},{"parentId":566,"previousId":577,"nextId":-1,"node":{"type":3,"textContent":".","id":579}},{"parentId":566,"previousId":579,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":580}},{"parentId":580,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"now","id":581}},{"parentId":566,"previousId":580,"nextId":null,"node":{"type":3,"textContent":"() })","id":582}},{"parentId":72,"previousId":565,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":583}},{"parentId":583,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":584}},{"parentId":584,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    }, ","id":585}},{"parentId":584,"previousId":585,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":586}},{"parentId":586,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1000","id":587}},{"parentId":584,"previousId":586,"nextId":null,"node":{"type":3,"textContent":");","id":588}},{"parentId":72,"previousId":583,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":589}},{"parentId":589,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":590}},{"parentId":590,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":591}},{"parentId":72,"previousId":589,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":592}},{"parentId":592,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":593}},{"parentId":593,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":594}},{"parentId":72,"previousId":592,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":595}},{"parentId":595,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":596}},{"parentId":596,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":597}},{"parentId":596,"previousId":597,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":598}},{"parentId":598,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"render","id":599}},{"parentId":596,"previousId":598,"nextId":null,"node":{"type":3,"textContent":"() {","id":600}},{"parentId":72,"previousId":595,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":601}},{"parentId":601,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":602}},{"parentId":602,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":603}},{"parentId":602,"previousId":603,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":604}},{"parentId":604,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"const","id":605}},{"parentId":602,"previousId":604,"nextId":-1,"node":{"type":3,"textContent":" { ","id":606}},{"parentId":602,"previousId":606,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":607}},{"parentId":607,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":608}},{"parentId":602,"previousId":607,"nextId":-1,"node":{"type":3,"textContent":", ","id":609}},{"parentId":602,"previousId":609,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-def"},"childNodes":[],"id":610}},{"parentId":610,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":611}},{"parentId":602,"previousId":610,"nextId":-1,"node":{"type":3,"textContent":" } ","id":612}},{"parentId":602,"previousId":612,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":613}},{"parentId":613,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=","id":614}},{"parentId":602,"previousId":613,"nextId":-1,"node":{"type":3,"textContent":" ","id":615}},{"parentId":602,"previousId":615,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":616}},{"parentId":616,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":617}},{"parentId":602,"previousId":616,"nextId":-1,"node":{"type":3,"textContent":".","id":618}},{"parentId":602,"previousId":618,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":619}},{"parentId":619,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"state","id":620}},{"parentId":602,"previousId":619,"nextId":null,"node":{"type":3,"textContent":";","id":621}},{"parentId":72,"previousId":601,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":622}},{"parentId":622,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":623}},{"parentId":623,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"  ","id":624}},{"parentId":623,"previousId":624,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[],"id":625}},{"parentId":625,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":626}},{"parentId":623,"previousId":625,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":627}},{"parentId":627,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"return","id":628}},{"parentId":623,"previousId":627,"nextId":null,"node":{"type":3,"textContent":" (","id":629}},{"parentId":72,"previousId":622,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":630}},{"parentId":630,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":631}},{"parentId":631,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"    ","id":632}},{"parentId":631,"previousId":632,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tab","role":"presentation","cm-text":"\t"},"childNodes":[],"id":633}},{"parentId":633,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  ","id":634}},{"parentId":631,"previousId":633,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":635}},{"parentId":635,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":636}},{"parentId":631,"previousId":635,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":637}},{"parentId":637,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"section","id":638}},{"parentId":631,"previousId":637,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":639}},{"parentId":639,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":640}},{"parentId":72,"previousId":630,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":641}},{"parentId":641,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":642}},{"parentId":642,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":643}},{"parentId":642,"previousId":643,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":644}},{"parentId":644,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":645}},{"parentId":642,"previousId":644,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":646}},{"parentId":646,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":647}},{"parentId":642,"previousId":646,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":648}},{"parentId":648,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":649}},{"parentId":642,"previousId":648,"nextId":-1,"node":{"type":3,"textContent":"Time {","id":650}},{"parentId":642,"previousId":650,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":651}},{"parentId":651,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"Math","id":652}},{"parentId":642,"previousId":651,"nextId":-1,"node":{"type":3,"textContent":".","id":653}},{"parentId":642,"previousId":653,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":654}},{"parentId":654,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"round","id":655}},{"parentId":642,"previousId":654,"nextId":-1,"node":{"type":3,"textContent":"((","id":656}},{"parentId":642,"previousId":656,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":657}},{"parentId":657,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"time","id":658}},{"parentId":642,"previousId":657,"nextId":-1,"node":{"type":3,"textContent":" ","id":659}},{"parentId":642,"previousId":659,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":660}},{"parentId":660,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"-","id":661}},{"parentId":642,"previousId":660,"nextId":-1,"node":{"type":3,"textContent":" ","id":662}},{"parentId":642,"previousId":662,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":663}},{"parentId":663,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"base","id":664}},{"parentId":642,"previousId":663,"nextId":-1,"node":{"type":3,"textContent":") ","id":665}},{"parentId":642,"previousId":665,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":666}},{"parentId":666,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"/","id":667}},{"parentId":642,"previousId":666,"nextId":-1,"node":{"type":3,"textContent":" ","id":668}},{"parentId":642,"previousId":668,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":669}},{"parentId":669,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1000","id":670}},{"parentId":642,"previousId":669,"nextId":-1,"node":{"type":3,"textContent":")}","id":671}},{"parentId":642,"previousId":671,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":672}},{"parentId":672,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":673}},{"parentId":642,"previousId":672,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":674}},{"parentId":674,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":675}},{"parentId":642,"previousId":674,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":676}},{"parentId":676,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":677}},{"parentId":72,"previousId":641,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":678}},{"parentId":678,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":679}},{"parentId":679,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":680}},{"parentId":679,"previousId":680,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":681}},{"parentId":681,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":682}},{"parentId":679,"previousId":681,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":683}},{"parentId":683,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":684}},{"parentId":679,"previousId":683,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":685}},{"parentId":685,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":686}},{"parentId":679,"previousId":685,"nextId":-1,"node":{"type":3,"textContent":"Counter {","id":687}},{"parentId":679,"previousId":687,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":688}},{"parentId":688,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":689}},{"parentId":679,"previousId":688,"nextId":-1,"node":{"type":3,"textContent":"}","id":690}},{"parentId":679,"previousId":690,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":691}},{"parentId":691,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":692}},{"parentId":679,"previousId":691,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":693}},{"parentId":693,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"div","id":694}},{"parentId":679,"previousId":693,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":695}},{"parentId":695,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":696}},{"parentId":72,"previousId":678,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":697}},{"parentId":697,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":698}},{"parentId":698,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"        ","id":699}},{"parentId":698,"previousId":699,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":700}},{"parentId":700,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":701}},{"parentId":698,"previousId":700,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":702}},{"parentId":702,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"button","id":703}},{"parentId":698,"previousId":702,"nextId":-1,"node":{"type":3,"textContent":" ","id":704}},{"parentId":698,"previousId":704,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-attribute"},"childNodes":[],"id":705}},{"parentId":705,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"onClick","id":706}},{"parentId":698,"previousId":705,"nextId":-1,"node":{"type":3,"textContent":"={() ","id":707}},{"parentId":698,"previousId":707,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":708}},{"parentId":708,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"=>","id":709}},{"parentId":698,"previousId":708,"nextId":-1,"node":{"type":3,"textContent":" ","id":710}},{"parentId":698,"previousId":710,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-keyword"},"childNodes":[],"id":711}},{"parentId":711,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"this","id":712}},{"parentId":698,"previousId":711,"nextId":-1,"node":{"type":3,"textContent":".","id":713}},{"parentId":698,"previousId":713,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":714}},{"parentId":714,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"setState","id":715}},{"parentId":698,"previousId":714,"nextId":-1,"node":{"type":3,"textContent":"({ ","id":716}},{"parentId":698,"previousId":716,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":717}},{"parentId":717,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":718}},{"parentId":698,"previousId":717,"nextId":-1,"node":{"type":3,"textContent":": ","id":719}},{"parentId":698,"previousId":719,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":720}},{"parentId":720,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"count","id":721}},{"parentId":698,"previousId":720,"nextId":-1,"node":{"type":3,"textContent":" ","id":722}},{"parentId":698,"previousId":722,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-operator"},"childNodes":[],"id":723}},{"parentId":723,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"+","id":724}},{"parentId":698,"previousId":723,"nextId":-1,"node":{"type":3,"textContent":" ","id":725}},{"parentId":698,"previousId":725,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-number"},"childNodes":[],"id":726}},{"parentId":726,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"1","id":727}},{"parentId":698,"previousId":726,"nextId":-1,"node":{"type":3,"textContent":" })}","id":728}},{"parentId":698,"previousId":728,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":729}},{"parentId":729,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":730}},{"parentId":698,"previousId":729,"nextId":-1,"node":{"type":3,"textContent":"click to count","id":731}},{"parentId":698,"previousId":731,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":732}},{"parentId":732,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":733}},{"parentId":698,"previousId":732,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":734}},{"parentId":734,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"button","id":735}},{"parentId":698,"previousId":734,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":736}},{"parentId":736,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":737}},{"parentId":72,"previousId":697,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":738}},{"parentId":738,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":739}},{"parentId":739,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"      ","id":740}},{"parentId":739,"previousId":740,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":741}},{"parentId":741,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"</","id":742}},{"parentId":739,"previousId":741,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":743}},{"parentId":743,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"section","id":744}},{"parentId":739,"previousId":743,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":745}},{"parentId":745,"previousId":null,"nextId":null,"node":{"type":3,"textContent":">","id":746}},{"parentId":72,"previousId":738,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":747}},{"parentId":747,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":748}},{"parentId":748,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"    )","id":749}},{"parentId":72,"previousId":747,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":750}},{"parentId":750,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":751}},{"parentId":751,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"  }","id":752}},{"parentId":72,"previousId":750,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":753}},{"parentId":753,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":754}},{"parentId":754,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"}","id":755}},{"parentId":72,"previousId":753,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":756}},{"parentId":756,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":757}},{"parentId":757,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":758}},{"parentId":758,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":759}},{"parentId":72,"previousId":756,"nextId":-1,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":760}},{"parentId":760,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":761}},{"parentId":761,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":762}},{"parentId":762,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactDOM","id":763}},{"parentId":761,"previousId":762,"nextId":-1,"node":{"type":3,"textContent":".","id":764}},{"parentId":761,"previousId":764,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-property"},"childNodes":[],"id":765}},{"parentId":765,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"render","id":766}},{"parentId":761,"previousId":765,"nextId":-1,"node":{"type":3,"textContent":"(","id":767}},{"parentId":761,"previousId":767,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":768}},{"parentId":768,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"<","id":769}},{"parentId":761,"previousId":768,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag"},"childNodes":[],"id":770}},{"parentId":770,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"App","id":771}},{"parentId":761,"previousId":770,"nextId":-1,"node":{"type":3,"textContent":" ","id":772}},{"parentId":761,"previousId":772,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-tag cm-bracket"},"childNodes":[],"id":773}},{"parentId":773,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"/>","id":774}},{"parentId":761,"previousId":773,"nextId":-1,"node":{"type":3,"textContent":", ","id":775}},{"parentId":761,"previousId":775,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":776}},{"parentId":776,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"document","id":777}},{"parentId":761,"previousId":776,"nextId":-1,"node":{"type":3,"textContent":".","id":778}},{"parentId":761,"previousId":778,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-variable"},"childNodes":[],"id":779}},{"parentId":779,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"querySelector","id":780}},{"parentId":761,"previousId":779,"nextId":-1,"node":{"type":3,"textContent":"(","id":781}},{"parentId":761,"previousId":781,"nextId":-1,"node":{"type":2,"tagName":"span","attributes":{"class":"cm-string"},"childNodes":[],"id":782}},{"parentId":782,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"'.output'","id":783}},{"parentId":761,"previousId":782,"nextId":null,"node":{"type":3,"textContent":"));","id":784}},{"parentId":72,"previousId":760,"nextId":null,"node":{"type":2,"tagName":"pre","attributes":{"class":" CodeMirror-line ","role":"presentation"},"childNodes":[],"id":785}},{"parentId":785,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"role":"presentation","style":"padding-right: 0.1px;"},"childNodes":[],"id":786}},{"parentId":786,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"cm-text":""},"childNodes":[],"id":787}},{"parentId":787,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"​","id":788}},{"parentId":69,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"CodeMirror-cursor","style":"left: 4px; top: 0px; height: 21px;"},"childNodes":[],"id":789}},{"parentId":789,"previousId":null,"nextId":null,"node":{"type":3,"textContent":" ","id":790}},{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":791}},{"parentId":791,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":792}},{"parentId":792,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":793}},{"parentId":791,"previousId":792,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":794}},{"parentId":794,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":795}},{"parentId":795,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":796}},{"parentId":791,"previousId":794,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":797}},{"parentId":797,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":798}},{"parentId":798,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":799}},{"parentId":791,"previousId":797,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":800}},{"parentId":800,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":801}},{"parentId":801,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":802}},{"parentId":423,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":803}},{"parentId":803,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"spinner"},"childNodes":[],"id":804}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":805}},{"parentId":805,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"spinner"},"childNodes":[],"id":806}}]},"timestamp":1544756837770,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":819,"attributes":{"style":"display: block;"}}],"removes":[{"parentId":423,"id":803},{"parentId":412,"id":805},{"parentId":34,"id":791}],"adds":[{"parentId":423,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"centered"},"childNodes":[],"id":807}},{"parentId":807,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":808}},{"parentId":808,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"console.log(...)","id":809}},{"parentId":412,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"section","attributes":{},"childNodes":[],"id":810}},{"parentId":810,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":811}},{"parentId":811,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"Time ","id":812}},{"parentId":811,"previousId":812,"nextId":null,"node":{"type":3,"textContent":"0","id":813}},{"parentId":810,"previousId":811,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{},"childNodes":[],"id":814}},{"parentId":814,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"Counter ","id":815}},{"parentId":814,"previousId":815,"nextId":null,"node":{"type":3,"textContent":"0","id":816}},{"parentId":810,"previousId":814,"nextId":null,"node":{"type":2,"tagName":"button","attributes":{},"childNodes":[],"id":817}},{"parentId":817,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"click to count","id":818}},{"parentId":34,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"data-export":"buttons","style":"display: block;"},"childNodes":[],"id":819}},{"parentId":819,"previousId":null,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"file","href":"javascript:void(0);","class":"active"},"childNodes":[],"id":820}},{"parentId":820,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"ReactHooks.js","id":821}},{"parentId":819,"previousId":820,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"newFileButton","href":"javascript:void(0)"},"childNodes":[],"id":822}},{"parentId":822,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":823}},{"parentId":823,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"},"childNodes":[],"isSVG":true,"id":824}},{"parentId":819,"previousId":822,"nextId":-1,"node":{"type":2,"tagName":"a","attributes":{"data-export":"closeButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":825}},{"parentId":825,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":826}},{"parentId":826,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"},"childNodes":[],"isSVG":true,"id":827}},{"parentId":819,"previousId":825,"nextId":null,"node":{"type":2,"tagName":"a","attributes":{"data-export":"settingsButton","class":"right","href":"javascript:void(0)"},"childNodes":[],"id":828}},{"parentId":828,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"svg","attributes":{"width":"14","height":"14","viewBox":"0 0 1792 1792","xmlns":"http://www.w3.org/2000/svg"},"childNodes":[],"isSVG":true,"id":829}},{"parentId":829,"previousId":null,"nextId":null,"node":{"type":2,"tagName":"path","attributes":{"d":"M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"},"childNodes":[],"isSVG":true,"id":830}}]},"timestamp":1544756837829,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":55,"x":0,"y":0},"timestamp":1544756837834,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":3,"id":61,"x":0,"y":0},"timestamp":1544756837934,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756838290,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756838819,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"1"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756838830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":106,"y":25,"id":820,"timeOffset":0}]},"timestamp":1544756838898,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756839350,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":114,"y":35,"id":34,"timeOffset":-475},{"x":130,"y":64,"id":466,"timeOffset":-441},{"x":151,"y":108,"id":484,"timeOffset":-408},{"x":221,"y":209,"id":532,"timeOffset":-375},{"x":294,"y":278,"id":547,"timeOffset":-341},{"x":368,"y":329,"id":565,"timeOffset":-308},{"x":391,"y":336,"id":565,"timeOffset":-48},{"x":439,"y":337,"id":565,"timeOffset":-24}]},"timestamp":1544756839399,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"2"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756839830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":""}}],"removes":[],"adds":[]},"timestamp":1544756839879,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":585,"y":325,"id":565,"timeOffset":-491},{"x":729,"y":308,"id":556,"timeOffset":-459},{"x":830,"y":304,"id":556,"timeOffset":-425},{"x":888,"y":308,"id":556,"timeOffset":-391},{"x":896,"y":308,"id":556,"timeOffset":-17}]},"timestamp":1544756839899,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":1,"positions":[{"x":918,"y":309,"id":556,"timeOffset":-493},{"x":959,"y":310,"id":556,"timeOffset":-459},{"x":990,"y":311,"id":556,"timeOffset":-426},{"x":1032,"y":315,"id":556,"timeOffset":-393},{"x":1060,"y":323,"id":565,"timeOffset":-359},{"x":1101,"y":344,"id":583,"timeOffset":-326},{"x":1132,"y":363,"id":583,"timeOffset":-293},{"x":1154,"y":373,"id":55,"timeOffset":-259}]},"timestamp":1544756840400,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":69,"attributes":{"style":"visibility: hidden;"}}],"removes":[],"adds":[]},"timestamp":1544756840410,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":2,"type":6,"id":54},"timestamp":1544756840500,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":52,"attributes":{"class":"CodeMirror cm-s-light"}}],"removes":[],"adds":[]},"timestamp":1544756840501,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"3"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756840830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"4"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756841830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"5"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756842830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"6"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756843831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"7"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756844831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"8"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756845831,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"9"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756846830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"},{"type":3,"data":{"source":0,"texts":[{"id":813,"value":"10"}],"attributes":[],"removes":[],"adds":[]},"timestamp":1544756847830,"sessionId":"8dda0c07-b950-47ec-a5ea-3d25746042bf"}]
diff --git a/public/global.css b/public/global.css
index ddc26d5f..c30acb60 100644
--- a/public/global.css
+++ b/public/global.css
@@ -6,7 +6,6 @@ body {
 }
 
 body {
-  margin: 0;
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
diff --git a/public/index.html b/public/index.html
index e9a0b02e..56ec245e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,31 +1,31 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
-    <meta charset="utf8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-    <title>dev panel</title>
+    <title>Svelte app</title>
 
-    <link rel="stylesheet" href="./global.css" />
-    <link rel="stylesheet" href="./bundle.css" />
+    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="/bundle.css" />
+
+    <script src="/bundle.js"></script>
+    <script src="./events.js"></script>
   </head>
 
-  <body>
-    <script src="./bundle.js"></script>
-    <script src="./events.js"></script>
-    <script>
-      // eslint-disable-next-line
-      const component = new rrwebPlayer({
-        target: document.body,
-        data: {
-          events,
-          skipInactive: true,
-          showDebug: false,
-          autoPlay: false,
-          showWarning: false,
-        },
-      });
-      component.addEventListener('finish', () => console.log('finish'));
-    </script>
-  </body>
+  <body></body>
+  <script>
+    // eslint-disable-next-line
+    const component = new rrwebPlayer({
+      target: document.body,
+      data: {
+        events,
+        skipInactive: true,
+        showDebug: false,
+        showWarning: false,
+        autoPlay: false,
+      },
+    });
+    component.addEventListener('finish', () => console.log('finish'));
+  </script>
 </html>
diff --git a/rollup.config.js b/rollup.config.js
index 86e8c99d..1e10a3ed 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,35 +1,43 @@
 import svelte from 'rollup-plugin-svelte';
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
-import postcss from 'rollup-plugin-postcss';
+import sveltePreprocess from 'svelte-preprocess';
+import typescript from '@rollup/plugin-typescript';
 import pkg from './package.json';
 
+// eslint-disable-next-line no-undef
 const production = !process.env.ROLLUP_WATCH;
 
-export default [
-  { file: pkg.module, format: 'es' },
-  { file: pkg.main, format: 'cjs' },
-  { file: pkg.unpkg, format: 'iife', name: 'rrwebPlayer' },
-  { file: 'public/bundle.js', format: 'iife', name: 'rrwebPlayer' },
-].map(output => ({
-  input: 'src/Player.html',
+const entries = (production
+  ? [
+      { file: pkg.module, format: 'es' },
+      { file: pkg.main, format: 'cjs' },
+      { file: pkg.unpkg, format: 'iife', name: 'rrwebPlayer' },
+    ]
+  : []
+).concat([{ file: 'public/bundle.js', format: 'iife', name: 'rrwebPlayer' }]);
+
+export default entries.map((output) => ({
+  input: 'src/main.ts',
   output,
   plugins: [
     svelte({
-      cascade: false,
-      // opt in to v3 behaviour today
-      skipIntroByDefault: true,
-      nestedTransitions: true,
-
       // enable run-time checks when not in production
       dev: !production,
       // we'll extract any component CSS out into
       // a separate file — better for performance
-      css: css => {
+      css: (css) => {
         css.write('dist/style.css');
         css.write('public/bundle.css');
       },
+      preprocess: sveltePreprocess({
+        postcss: {
+          // eslint-disable-next-line no-undef
+          plugins: [require('postcss-easy-import')],
+        },
+      }),
     }),
 
     // If you have external dependencies installed from
@@ -37,13 +45,45 @@ export default [
     // some cases you'll need additional configuration —
     // consult the documentation for details:
     // https://github.com/rollup/rollup-plugin-commonjs
-    resolve(),
+    resolve({
+      browser: true,
+      dedupe: ['svelte'],
+    }),
     commonjs(),
 
-    postcss(),
+    typescript({ sourceMap: !production }),
+
+    // In dev mode, call `npm run start` once
+    // the bundle has been generated
+    !production && serve(),
+
+    // Watch the `public` directory and refresh the
+    // browser on changes when not in production
+    !production && livereload('public'),
 
     // If we're building for production (npm run build
     // instead of npm run dev), minify
     production && terser(),
   ],
+  watch: {
+    clearScreen: false,
+  },
 }));
+
+function serve() {
+  let started = false;
+
+  return {
+    writeBundle() {
+      if (!started) {
+        started = true;
+
+        // eslint-disable-next-line @typescript-eslint/no-var-requires, no-undef
+        require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
+          stdio: ['ignore', 'inherit', 'inherit'],
+          shell: true,
+        });
+      }
+    },
+  };
+}
diff --git a/src/Controller.html b/src/Controller.html
deleted file mode 100644
index 27649d57..00000000
--- a/src/Controller.html
+++ /dev/null
@@ -1,368 +0,0 @@
-{#if showController}
-<div class="rr-controller">
-  <div class="rr-timeline">
-    <span class="rr-timeline__time">{formatTime(currentTime)}</span>
-    <div
-      class="rr-progress"
-      class:disabled="isSkipping"
-      ref:progress on:click="handleProgressClick(event)"
-    >
-      <div class="rr-progress__step" ref:step style="width: {percentage}"></div>
-        {#each getCustomEvents as event,i (i)}
-          <div
-            title="{event.name}"
-            style="width: 10px;height: 5px;position: absolute;top: 2px;transform: translate(-50%, -50%);background: {event.background};left: {event.position};"
-          ></div>
-        {/each}
-
-      <div
-        class="rr-progress__handler"
-        ref:handler
-        style="left: {percentage}"
-      ></div>
-    </div>
-    <span class="rr-timeline__time">{formatTime(meta.totalTime)}</span>
-  </div>
-  <div class="rr-controller__btns">
-    <button on:click="toggle()">
-      {#if isPlaying}
-      <svg
-        class="icon"
-        viewBox="0 0 1024 1024"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="16"
-        height="16"
-      >
-        <path
-          d="M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888 90.50112t-90.50112 37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224 37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984 213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928 12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z"
-        ></path>
-      </svg>
-      {:else}
-      <svg
-        class="icon"
-        viewBox="0 0 1024 1024"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="16"
-        height="16"
-      >
-        <path
-          d="M170.65984 896l0-768 640 384zM644.66944 512l-388.66944-233.32864 0 466.65728z"
-        ></path>
-      </svg>
-      {/if}
-    </button>
-    {#each speedOption as s}
-    <button
-      class:active="s === speed && !isSkipping"
-      on:click="setSpeed(s)"
-      disabled="{isSkipping}"
-    >
-      {s}x
-    </button>
-    {/each}
-    <Switch id="skip" bind:checked="skipInactive" disabled="{isSkipping}" label="skip inactive" />
-    <button on:click="fire('fullscreen')">
-      <svg
-        class="icon"
-        viewBox="0 0 1024 1024"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="16" height="16"
-      >
-        <defs><style type="text/css"></style></defs>
-        <path d="M916 380c-26.4 0-48-21.6-48-48L868 223.2 613.6 477.6c-18.4 18.4-48.8 18.4-68 0-18.4-18.4-18.4-48.8 0-68L800 156 692 156c-26.4 0-48-21.6-48-48 0-26.4 21.6-48 48-48l224 0c26.4 0 48 21.6 48 48l0 224C964 358.4 942.4 380 916 380zM231.2 860l108.8 0c26.4 0 48 21.6 48 48s-21.6 48-48 48l-224 0c-26.4 0-48-21.6-48-48l0-224c0-26.4 21.6-48 48-48 26.4 0 48 21.6 48 48L164 792l253.6-253.6c18.4-18.4 48.8-18.4 68 0 18.4 18.4 18.4 48.8 0 68L231.2 860z" p-id="1286"></path>
-      </svg>
-    </button>
-  </div>
-</div>
-{/if}
-
-<script>
-  import { EventType } from 'rrweb';
-  import { formatTime } from './utils.js';
-
-  export default {
-    components: {
-      Switch: './components/Switch.html',
-    },
-    data() {
-      return {
-        currentTime: 0,
-        isPlaying: false,
-        isSkipping: false,
-        skipInactive: true,
-        speed: 1,
-        speedOption: [],
-      };
-    },
-    computed: {
-      meta({ replayer }) {
-        return replayer.getMetaData();
-      },
-      percentage({ currentTime, meta }) {
-        const percent = Math.min(1, currentTime / meta.totalTime);
-        return `${100 * percent}%`;
-      },
-      getCustomEvents({tags, replayer}) {
-        const { events } = replayer;
-        const totalEvents = events.length;
-        const start = events[0].timestamp;
-        const end = events[totalEvents - 1].timestamp;
-        const customEvents = [];
-
-        // calculate tag position.
-        const position = (startTime, endTime, tagTime) => {
-          const sessionDuration = endTime - startTime;
-          const eventDuration = endTime - tagTime;
-          const eventPosition = 100 - ((eventDuration / sessionDuration) * 100);
-
-          return eventPosition.toFixed(2);
-        };
-
-         // loop through all the events and find out custom event.
-        events.forEach((event) => {
-          /**
-           * we are only interested in custom event and calculate it's position
-           * to place it in player's timeline.
-           */
-          if (event.type === EventType.Custom) {
-            const customEvent = {
-              name: event.data.tag,
-              background: tags[event.data.tag] || 'rgb(73, 80, 246)',
-              position: `${position(start, end, event.timestamp)}%`,
-            };
-            customEvents.push(customEvent);
-          }
-        });
-
-        return customEvents;
-      },
-    },
-    helpers: {
-      formatTime,
-    },
-    methods: {
-      loopTimer() {
-        const self = this;
-
-        function update() {
-          const { meta, isPlaying, replayer } = self.get();
-          if (!isPlaying) {
-            self.timer = null;
-            return;
-          }
-
-          const currentTime =
-            replayer.timer.timeOffset + replayer.getTimeOffset();
-          self.set({
-            currentTime,
-          });
-
-          if (currentTime < meta.totalTime) {
-            requestAnimationFrame(update);
-          }
-        }
-
-        this.timer = requestAnimationFrame(update);
-      },
-      play() {
-        const { replayer, currentTime } = this.get();
-
-        if (currentTime > 0) {
-          replayer.resume(currentTime);
-        } else {
-          this.set({ isPlaying: true });
-          replayer.play(currentTime);
-        }
-      },
-      pause() {
-        const { replayer } = this.get();
-        replayer.pause();
-      },
-      toggle() {
-        const { isPlaying } = this.get();
-        if (isPlaying) {
-          this.pause();
-        } else {
-          this.play();
-        }
-      },
-      setSpeed(speed) {
-        const { replayer, currentTime, isPlaying } = this.get();
-        // freeze before set speed, and resume if is playing before freeze
-        replayer.pause();
-        replayer.setConfig({ speed });
-        this.set({ speed });
-        if (isPlaying) {
-          replayer.resume(currentTime);
-        }
-      },
-      handleProgressClick(event) {
-        const { meta, replayer, isPlaying, isSkipping } = this.get();
-        if (isSkipping) {
-          return;
-        }
-        const progressRect = this.refs.progress.getBoundingClientRect();
-        const x = event.clientX - progressRect.left;
-        let percent = x / progressRect.width;
-        if (percent < 0) {
-          percent = 0;
-        } else if (percent > 1) {
-          percent = 1;
-        }
-        const timeOffset = meta.totalTime * percent;
-        this.set({ currentTime: timeOffset });
-        replayer.play(timeOffset);
-        if (!isPlaying) {
-          replayer.pause();
-        }
-      },
-    },
-    onupdate({ changed, current, previous }) {
-      if (current.replayer && !previous) {
-        window.replayer = current.replayer;
-        setTimeout(() => {
-          this.set({ isPlaying: true });
-        }, 0);
-        current.replayer.play(0);
-        if (!current.autoPlay) {
-          let firstFullSnapshotRebuilded = false;
-          current.replayer.on('fullsnapshot-rebuilded', () => {
-            if (!firstFullSnapshotRebuilded) {
-              firstFullSnapshotRebuilded = true;
-              current.replayer.pause();
-            }
-          });
-        }
-        current.replayer.on('pause', () => {
-          this.set({ isPlaying: false });
-        });
-        current.replayer.on('resume', () => {
-          this.set({ isPlaying: true });
-        });
-        current.replayer.on('finish', () => {
-          this.timer = null;
-          this.set({ isPlaying: false, currentTime: 0 });
-        });
-        current.replayer.on('skip-start', payload => {
-          payload.isSkipping = true;
-          this.set(payload);
-        });
-        current.replayer.on('skip-end', payload => {
-          payload.isSkipping = false;
-          this.set(payload);
-        });
-      }
-      if (changed.isPlaying) {
-        if (current.isPlaying && !this.timer) {
-          this.loopTimer();
-        }
-      }
-      if (changed.skipInactive) {
-        current.replayer.setConfig({ skipInactive: current.skipInactive });
-      }
-    },
-    ondestroy() {
-      const { isPlaying } = this.get();
-      if (isPlaying) {
-        this.pause();
-      }
-    },
-  };
-</script>
-
-<style>
-  .rr-controller {
-    width: 100%;
-    height: 80px;
-    background: #fff;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    align-items: center;
-    border-radius: 0 0 5px 5px;
-  }
-
-  .rr-timeline {
-    width: 80%;
-    display: flex;
-    align-items: center;
-  }
-
-  .rr-timeline__time {
-    padding: 0 20px;
-    color: #11103e;
-  }
-
-  .rr-progress {
-    width: 100%;
-    height: 12px;
-    background: #eee;
-    position: relative;
-    border-radius: 3px;
-    cursor: pointer;
-    box-sizing: border-box;
-    border-top: solid 4px #fff;
-    border-bottom: solid 4px #fff;
-  }
-
-  .rr-progress.disabled {
-    cursor: not-allowed;
-  }
-
-  .rr-progress__step {
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    background: #e0e1fe;
-  }
-
-  .rr-progress__handler {
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
-    position: absolute;
-    top: 2px;
-    transform: translate(-50%, -50%);
-    background: rgb(73, 80, 246);
-  }
-
-  .rr-controller__btns {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 13px;
-  }
-
-  .rr-controller__btns button {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    padding: 0;
-    align-items: center;
-    justify-content: center;
-    background: none;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-  }
-
-  .rr-controller__btns button:active {
-    background: #e0e1fe;
-  }
-
-  .rr-controller__btns button.active {
-    color: #fff;
-    background: rgb(73, 80, 246);
-  }
-
-  .rr-controller__btns button:disabled {
-    cursor: not-allowed;
-  }
-</style>
diff --git a/src/Controller.svelte b/src/Controller.svelte
new file mode 100644
index 00000000..3140f199
--- /dev/null
+++ b/src/Controller.svelte
@@ -0,0 +1,403 @@
+<script lang="ts">
+  import { EventType } from 'rrweb';
+  import type { Replayer } from 'rrweb';
+  import type { playerMetaData } from 'rrweb/typings/types';
+  import type {
+    PlayerMachineState,
+    SpeedMachineState,
+  } from 'rrweb/typings/replay/machine';
+  import {
+    onMount,
+    onDestroy,
+    createEventDispatcher,
+    afterUpdate,
+  } from 'svelte';
+  import { formatTime } from './utils';
+  import Switch from './components/Switch.svelte';
+
+  const dispatch = createEventDispatcher();
+
+  export let replayer: Replayer;
+  export let showController: boolean;
+  export let autoPlay: boolean;
+  export let skipInactive: boolean;
+  export let speedOption: number[];
+  export let speed = speedOption.length ? speedOption[0] : 1;
+  export let tags: Record<string, string> = {};
+
+  let currentTime = 0;
+  let timer: number | null = null;
+  let playerState: 'playing' | 'paused' | 'live';
+  let speedState: 'normal' | 'skipping';
+  let progress: HTMLElement;
+  let step: HTMLElement;
+  let finished: boolean;
+
+  let meta: playerMetaData;
+  $: meta = replayer.getMetaData();
+  let percentage: string;
+  $: {
+    const percent = Math.min(1, currentTime / meta.totalTime);
+    percentage = `${100 * percent}%`;
+  }
+  type CustomEvent = {
+    name: string;
+    background: string;
+    position: string;
+  };
+  let customEvents: CustomEvent[];
+  $: customEvents = (() => {
+    const { context } = replayer.service.state;
+    const totalEvents = context.events.length;
+    const start = context.events[0].timestamp;
+    const end = context.events[totalEvents - 1].timestamp;
+    const customEvents: CustomEvent[] = [];
+
+    // calculate tag position.
+    const position = (startTime: number, endTime: number, tagTime: number) => {
+      const sessionDuration = endTime - startTime;
+      const eventDuration = endTime - tagTime;
+      const eventPosition = 100 - (eventDuration / sessionDuration) * 100;
+
+      return eventPosition.toFixed(2);
+    };
+
+    // loop through all the events and find out custom event.
+    context.events.forEach((event) => {
+      /**
+       * we are only interested in custom event and calculate it's position
+       * to place it in player's timeline.
+       */
+      if (event.type === EventType.Custom) {
+        const customEvent = {
+          name: event.data.tag,
+          background: tags[event.data.tag] || 'rgb(73, 80, 246)',
+          position: `${position(start, end, event.timestamp)}%`,
+        };
+        customEvents.push(customEvent);
+      }
+    });
+
+    return customEvents;
+  })();
+
+  const loopTimer = () => {
+    stopTimer();
+
+    function update() {
+      currentTime = replayer.timer.timeOffset + replayer.getTimeOffset();
+
+      if (currentTime < meta.totalTime) {
+        timer = requestAnimationFrame(update);
+      }
+    }
+
+    timer = requestAnimationFrame(update);
+  };
+
+  const stopTimer = () => {
+    if (timer) {
+      cancelAnimationFrame(timer);
+      timer = null;
+    }
+  };
+
+  const toggle = () => {
+    switch (playerState) {
+      case 'playing':
+        replayer.pause();
+        break;
+      case 'paused':
+        if (finished) {
+          replayer.play();
+          finished = false;
+        } else {
+          replayer.play(currentTime);
+        }
+        break;
+      default:
+        break;
+    }
+  };
+
+  const handleProgressClick = (event: MouseEvent) => {
+    if (speedState === 'skipping') {
+      return;
+    }
+    const progressRect = progress.getBoundingClientRect();
+    const x = event.clientX - progressRect.left;
+    let percent = x / progressRect.width;
+    if (percent < 0) {
+      percent = 0;
+    } else if (percent > 1) {
+      percent = 1;
+    }
+    const timeOffset = meta.totalTime * percent;
+    currentTime = timeOffset;
+    const isPlaying = playerState === 'playing';
+    replayer.pause();
+    replayer.play(timeOffset);
+    if (!isPlaying) {
+      replayer.pause();
+    }
+  };
+
+  const setSpeed = (newSpeed: number) => {
+    let needFreeze = playerState === 'playing';
+    speed = newSpeed;
+    if (needFreeze) {
+      replayer.pause();
+    }
+    replayer.setConfig({ speed });
+    if (needFreeze) {
+      replayer.play(currentTime);
+    }
+  };
+
+  onMount(() => {
+    playerState = replayer.service.state.value as typeof playerState;
+    speedState = replayer.speedService.state.value as typeof speedState;
+    replayer.on(
+      'state-change',
+      (states: { player?: PlayerMachineState; speed?: SpeedMachineState }) => {
+        const { player, speed } = states;
+        if (player?.value && playerState !== player.value) {
+          playerState = player.value as typeof playerState;
+          switch (playerState) {
+            case 'playing':
+              loopTimer();
+              break;
+            case 'paused':
+              stopTimer();
+              break;
+            default:
+              break;
+          }
+        }
+        if (speed?.value && speedState !== speed.value) {
+          speedState = speed.value as typeof speedState;
+        }
+      },
+    );
+    replayer.on('finish', () => {
+      finished = true;
+    });
+
+    if (autoPlay) {
+      replayer.play();
+    }
+  });
+
+  afterUpdate(() => {
+    if (skipInactive !== replayer.config.skipInactive) {
+      replayer.setConfig({ skipInactive });
+    }
+  });
+
+  onDestroy(() => {
+    replayer.pause();
+    stopTimer();
+  });
+</script>
+
+<style>
+  .rr-controller {
+    width: 100%;
+    height: 80px;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    border-radius: 0 0 5px 5px;
+  }
+
+  .rr-timeline {
+    width: 80%;
+    display: flex;
+    align-items: center;
+  }
+
+  .rr-timeline__time {
+    display: inline-block;
+    width: 100px;
+    text-align: center;
+    color: #11103e;
+  }
+
+  .rr-progress {
+    flex: 1;
+    height: 12px;
+    background: #eee;
+    position: relative;
+    border-radius: 3px;
+    cursor: pointer;
+    box-sizing: border-box;
+    border-top: solid 4px #fff;
+    border-bottom: solid 4px #fff;
+  }
+
+  .rr-progress.disabled {
+    cursor: not-allowed;
+  }
+
+  .rr-progress__step {
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background: #e0e1fe;
+  }
+
+  .rr-progress__handler {
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    position: absolute;
+    top: 2px;
+    transform: translate(-50%, -50%);
+    background: rgb(73, 80, 246);
+  }
+
+  .rr-controller__btns {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 13px;
+  }
+
+  .rr-controller__btns button {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+  }
+
+  .rr-controller__btns button:active {
+    background: #e0e1fe;
+  }
+
+  .rr-controller__btns button.active {
+    color: #fff;
+    background: rgb(73, 80, 246);
+  }
+
+  .rr-controller__btns button:disabled {
+    cursor: not-allowed;
+  }
+</style>
+
+{#if showController}
+  <div class="rr-controller">
+    <div class="rr-timeline">
+      <span class="rr-timeline__time">{formatTime(currentTime)}</span>
+      <div
+        class="rr-progress"
+        class:disabled={speedState === 'skipping'}
+        bind:this={progress}
+        on:click={(event) => handleProgressClick(event)}>
+        <div
+          class="rr-progress__step"
+          bind:this={step}
+          style="width: {percentage}" />
+        {#each customEvents as event}
+          <div
+            title={event.name}
+            style="width: 10px;height: 5px;position: absolute;top:
+            2px;transform: translate(-50%, -50%);background: {event.background};left:
+            {event.position};" />
+        {/each}
+
+        <div class="rr-progress__handler" style="left: {percentage}" />
+      </div>
+      <span class="rr-timeline__time">{formatTime(meta.totalTime)}</span>
+    </div>
+    <div class="rr-controller__btns">
+      <button on:click={toggle}>
+        {#if ['playing', 'skipping'].includes(playerState)}
+          <svg
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="16"
+            height="16">
+            <path
+              d="M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0
+              512q0 53.00224-37.49888 90.50112t-90.50112
+              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224
+              37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0
+              90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888
+              90.50112t-90.50112
+              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224
+              37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424
+              0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928
+              30.16704t30.16704 12.4928 30.16704-12.4928
+              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984
+              213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0
+              17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928
+              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z" />
+          </svg>
+        {:else}
+          <svg
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="16"
+            height="16">
+            <path
+              d="M170.65984 896l0-768 640 384zM644.66944
+              512l-388.66944-233.32864 0 466.65728z" />
+          </svg>
+        {/if}
+      </button>
+      {#each speedOption as s}
+        <button
+          class:active={s === speed && speedState !== 'skipping'}
+          on:click={() => setSpeed(s)}
+          disabled={speedState === 'skipping'}>
+          {s}x
+        </button>
+      {/each}
+      <Switch
+        id="skip"
+        bind:checked={skipInactive}
+        disabled={speedState === 'skipping'}
+        label="skip inactive" />
+      <button on:click={() => dispatch('fullscreen')}>
+        <svg
+          class="icon"
+          viewBox="0 0 1024 1024"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          width="16"
+          height="16">
+          <defs>
+            <style type="text/css">
+
+            </style>
+          </defs>
+          <path
+            d="M916 380c-26.4 0-48-21.6-48-48L868 223.2 613.6 477.6c-18.4
+            18.4-48.8 18.4-68 0-18.4-18.4-18.4-48.8 0-68L800 156 692 156c-26.4
+            0-48-21.6-48-48 0-26.4 21.6-48 48-48l224 0c26.4 0 48 21.6 48 48l0
+            224C964 358.4 942.4 380 916 380zM231.2 860l108.8 0c26.4 0 48 21.6 48
+            48s-21.6 48-48 48l-224 0c-26.4 0-48-21.6-48-48l0-224c0-26.4 21.6-48
+            48-48 26.4 0 48 21.6 48 48L164 792l253.6-253.6c18.4-18.4 48.8-18.4
+            68 0 18.4 18.4 18.4 48.8 0 68L231.2 860z"
+            p-id="1286" />
+        </svg>
+      </button>
+    </div>
+  </div>
+{/if}
diff --git a/src/Player.html b/src/Player.html
deleted file mode 100644
index 0b766fdc..00000000
--- a/src/Player.html
+++ /dev/null
@@ -1,192 +0,0 @@
-<div class="rr-player" ref:player style="{playerStyle}">
-  <div class="rr-player__frame" ref:frame { style }></div>
-  {#if replayer}
-  <Controller
-    {
-    replayer
-    }
-    {showController}
-    {autoPlay}
-    {skipInactive}
-    {tags}
-    {speedOption}
-    {speed}
-    on:fullscreen="fullscreen()"
-  />
-  {/if}
-</div>
-
-<script>
-  import { Replayer, unpack } from 'rrweb';
-  import 'rrweb/dist/rrweb.min.css';
-  import {
-    inlineCss,
-    openFullscreen,
-    exitFullscreen,
-    isFullscreen,
-    onFullscreenChange,
-    typeOf,
-  } from './utils.js';
-
-  const controllerHeight = 80;
-
-  export default {
-    components: {
-      Controller: './Controller.html',
-    },
-    data() {
-      return {
-        showController: true,
-        width: 1024,
-        height: 576,
-        events: [],
-        autoPlay: true,
-        replayer: null,
-        triggerFocus: true,
-        tags: {},
-        skipInactive: true,
-        speedOption: [1, 2, 3],
-        speed: 1,
-      };
-    },
-    computed: {
-      style({ width, height }) {
-        return inlineCss({
-          width: `${width}px`,
-          height: `${height}px`,
-        });
-      },
-      playerStyle({ width, height, showController }) {
-        return inlineCss({
-          width: `${width}px`,
-          height: `${height + (showController ? controllerHeight : 0)}px`,
-        });
-      },
-    },
-    methods: {
-      updateScale(el, frameDimension) {
-        const { width, height } = this.get();
-        const widthScale = width / frameDimension.width;
-        const heightScale = height / frameDimension.height;
-        el.style.transform =
-          `scale(${Math.min(widthScale, heightScale)})` +
-          'translate(-50%, -50%)';
-      },
-      fullscreen() {
-        if (this.refs.player) {
-          isFullscreen() ? exitFullscreen() : openFullscreen(this.refs.player);
-        }
-      },
-      addEventListener(event, handler) {
-        const { replayer } = this.get();
-        replayer.on(event, handler);
-      },
-      addEvent(event) {
-        replayer.addEvent(event);
-      },
-    },
-    oncreate() {
-      const { events, triggerFocus, showWarning, showDebug, speedOption } = this.get();
-      let { skipInactive, speed } = this.get();
-      skipInactive = skipInactive === undefined ? true : !!skipInactive;
-      speed = speed === undefined ? 1 : speed;
-      // 类型检查
-      if (speedOption !== undefined && typeOf(speedOption) !== 'array') {
-        throw new Error('speedOption must be array');
-      }
-      speedOption.forEach(item => {
-        if (typeOf(item) !== 'number') {
-          throw new Error('item of speedOption must be number');
-        }
-      });
-      if (speedOption.indexOf(speed) < 0) {
-        throw new Error(`speed must be one of speedOption,
-        current config:
-        {
-          ...
-          speed: ${speed},
-          speedOption: [${speedOption.toString()}]
-          ...
-        }
-        `);
-      }
-      const replayer = new Replayer(events, {
-        speed: speed === undefined ? 1 : speed,
-        root: this.refs.frame,
-        skipInactive,
-        showWarning: showWarning === undefined ? true : !!showWarning,
-        showDebug: showDebug === undefined ? true : !!showDebug,
-        triggerFocus,
-        unpackFn: unpack,
-      });
-      replayer.on('resize', (dimension) =>
-        this.updateScale(replayer.wrapper, dimension),
-      );
-
-      this.set({
-        replayer,
-        skipInactive,
-        speed,
-      });
-      this.fullscreenListener = onFullscreenChange(() => {
-        if (isFullscreen()) {
-          setTimeout(() => {
-            const { width, height } = this.get();
-            // store the original dimension which do not need to be reactive
-            this._width = width;
-            this._height = height;
-            const dimension = {
-              width: this.refs.player.offsetWidth,
-              height: this.refs.player.offsetHeight - controllerHeight,
-            };
-            this.set(dimension);
-            this.updateScale(replayer.wrapper, {
-              width: replayer.iframe.offsetWidth,
-              height: replayer.iframe.offsetHeight,
-            });
-          }, 0);
-        } else {
-          this.set({
-            width: this._width,
-            height: this._height,
-          });
-          this.updateScale(replayer.wrapper, {
-            width: replayer.iframe.offsetWidth,
-            height: replayer.iframe.offsetHeight,
-          });
-        }
-      });
-    },
-    ondestroy() {
-      if (this.fullscreenListener) {
-        this.fullscreenListener();
-      }
-    },
-  };
-</script>
-
-<style>
-  .rr-player {
-    position: relative;
-    background: white;
-    float: left;
-    border-radius: 5px;
-    box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
-  }
-
-  .rr-player__frame {
-    overflow: hidden;
-  }
-
-  :global(.replayer-wrapper) {
-    float: left;
-    clear: both;
-    transform-origin: top left;
-    left: 50%;
-    top: 50%;
-  }
-
-  :global(.replayer-wrapper > iframe) {
-    border: none;
-  }
-</style>
diff --git a/src/Player.svelte b/src/Player.svelte
new file mode 100644
index 00000000..4eeed4a3
--- /dev/null
+++ b/src/Player.svelte
@@ -0,0 +1,178 @@
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte';
+  import { Replayer, unpack } from 'rrweb';
+  import type { eventWithTime } from 'rrweb/typings/types';
+  import {
+    inlineCss,
+    openFullscreen,
+    exitFullscreen,
+    isFullscreen,
+    onFullscreenChange,
+    typeOf,
+  } from './utils';
+  import Controller from './Controller.svelte';
+
+  export let width: number = 1024;
+  export let height: number = 576;
+  export let events: eventWithTime[] = [];
+  export let skipInactive: boolean = true;
+  export let autoPlay: boolean = true;
+  export let triggerFocus: boolean = true;
+  export let speedOption: number[] = [1, 2, 4, 8];
+  export let showController: boolean = true;
+  export let showWarning: boolean = true;
+  export let showDebug: boolean = true;
+  export let tags: Record<string, string> = {};
+
+  const controllerHeight = 80;
+  let speed = 1;
+  let player: HTMLElement;
+  let frame: HTMLElement;
+  let replayer: Replayer;
+  let fullscreenListener: undefined | (() => void);
+  let _width: number = width;
+  let _height: number = height;
+
+  let style: string;
+  $: style = inlineCss({
+    width: `${width}px`,
+    height: `${height}px`,
+  });
+  let playerStyle: string;
+  $: playerStyle = inlineCss({
+    width: `${width}px`,
+    height: `${height + (showController ? controllerHeight : 0)}px`,
+  });
+
+  const updateScale = (
+    el: HTMLElement,
+    frameDimension: { width: number; height: number },
+  ) => {
+    const widthScale = width / frameDimension.width;
+    const heightScale = height / frameDimension.height;
+    el.style.transform =
+      `scale(${Math.min(widthScale, heightScale)})` + 'translate(-50%, -50%)';
+  };
+
+  const fullscreen = () => {
+    if (player) {
+      isFullscreen() ? exitFullscreen() : openFullscreen(player);
+    }
+  };
+
+  export const addEventListener = (event: string, handler: () => unknown) => {
+    replayer.on(event, handler);
+  };
+
+  export const addEvent = (event: eventWithTime) => {
+    replayer.addEvent(event);
+  };
+
+  onMount(() => {
+    // runtime type check
+    if (speedOption !== undefined && typeOf(speedOption) !== 'array') {
+      throw new Error('speedOption must be array');
+    }
+    speedOption.forEach((item) => {
+      if (typeOf(item) !== 'number') {
+        throw new Error('item of speedOption must be number');
+      }
+    });
+    if (speedOption.indexOf(speed) < 0) {
+      throw new Error(`speed must be one of speedOption,
+        current config:
+        {
+          ...
+          speed: ${speed},
+          speedOption: [${speedOption.toString()}]
+          ...
+        }
+        `);
+    }
+
+    replayer = new Replayer(events, {
+      speed,
+      root: frame,
+      skipInactive,
+      showWarning,
+      showDebug,
+      triggerFocus,
+      unpackFn: unpack,
+    });
+
+    replayer.on('resize', (dimension) => {
+      updateScale(
+        replayer.wrapper,
+        dimension as { width: number; height: number },
+      );
+    });
+
+    fullscreenListener = onFullscreenChange(() => {
+      if (isFullscreen()) {
+        setTimeout(() => {
+          _width = width;
+          _height = height;
+          width = player.offsetWidth;
+          height = player.offsetHeight;
+          updateScale(replayer.wrapper, {
+            width: replayer.iframe.offsetWidth,
+            height: replayer.iframe.offsetHeight,
+          });
+        }, 0);
+      } else {
+        width = _width;
+        height = _height;
+        updateScale(replayer.wrapper, {
+          width: replayer.iframe.offsetWidth,
+          height: replayer.iframe.offsetHeight,
+        });
+      }
+    });
+  });
+
+  onDestroy(() => {
+    fullscreenListener && fullscreenListener();
+  });
+</script>
+
+<style global>
+  @import 'rrweb/dist/rrweb.min.css';
+
+  .rr-player {
+    position: relative;
+    background: white;
+    float: left;
+    border-radius: 5px;
+    box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
+  }
+
+  .rr-player__frame {
+    overflow: hidden;
+  }
+
+  :global(.replayer-wrapper) {
+    float: left;
+    clear: both;
+    transform-origin: top left;
+    left: 50%;
+    top: 50%;
+  }
+
+  :global(.replayer-wrapper > iframe) {
+    border: none;
+  }
+</style>
+
+<div class="rr-player" bind:this={player} style={playerStyle}>
+  <div class="rr-player__frame" bind:this={frame} {style} />
+  {#if replayer}
+    <Controller
+      {replayer}
+      {showController}
+      {autoPlay}
+      {speedOption}
+      {skipInactive}
+      {tags}
+      on:fullscreen={() => fullscreen()} />
+  {/if}
+</div>
diff --git a/src/components/Switch.html b/src/components/Switch.svelte
similarity index 79%
rename from src/components/Switch.html
rename to src/components/Switch.svelte
index 3c3a2e7e..9aa68624 100644
--- a/src/components/Switch.html
+++ b/src/components/Switch.svelte
@@ -1,12 +1,9 @@
-<div class="switch" class:disabled="disabled">
-  <input
-    type="checkbox"
-    id="{id}"
-    bind:checked="checked"
-    disabled="{disabled}"
-  />
-  <label for="{id}"></label> <span class="label">{label}</span>
-</div>
+<script lang="ts">
+  export let disabled: boolean;
+  export let checked: boolean;
+  export let id: string;
+  export let label: string;
+</script>
 
 <style>
   .switch {
@@ -74,3 +71,9 @@
     left: 1.1em;
   }
 </style>
+
+<div class="switch" class:disabled>
+  <input type="checkbox" {id} bind:checked {disabled} />
+  <label for={id} />
+  <span class="label">{label}</span>
+</div>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 00000000..341e39aa
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,22 @@
+import type { eventWithTime } from 'rrweb/typings/types';
+import _Player from './Player.svelte';
+
+type PlayerProps = {
+  events: eventWithTime[];
+};
+
+class Player extends _Player {
+  constructor(options: {
+    target: Element;
+    props: PlayerProps;
+    // for compatibility
+    data?: PlayerProps;
+  }) {
+    super({
+      target: options.target,
+      props: options.data || options.props,
+    });
+  }
+}
+
+export default Player;
diff --git a/src/utils.js b/src/utils.ts
similarity index 65%
rename from src/utils.js
rename to src/utils.ts
index 275f8fb5..b95f38e9 100644
--- a/src/utils.js
+++ b/src/utils.ts
@@ -1,26 +1,43 @@
-export function inlineCss(cssObj) {
+declare global {
+  interface Document {
+    mozExitFullscreen: Document['exitFullscreen'];
+    webkitExitFullscreen: Document['exitFullscreen'];
+    msExitFullscreen: Document['exitFullscreen'];
+    webkitIsFullScreen: Document['fullscreen'];
+    mozFullScreen: Document['fullscreen'];
+    msFullscreenElement: Document['fullscreen'];
+  }
+
+  interface HTMLElement {
+    mozRequestFullScreen: Element['requestFullscreen'];
+    webkitRequestFullscreen: Element['requestFullscreen'];
+    msRequestFullscreen: Element['requestFullscreen'];
+  }
+}
+
+export function inlineCss(cssObj: Record<string, string>): string {
   let style = '';
-  Object.keys(cssObj).forEach(key => {
+  Object.keys(cssObj).forEach((key) => {
     style += `${key}: ${cssObj[key]};`;
   });
   return style;
 }
 
-function padZero(num, len = 2) {
+function padZero(num: number, len = 2): string {
+  let str = String(num);
   const threshold = Math.pow(10, len - 1);
   if (num < threshold) {
-    num = String(num);
-    while (String(threshold).length > num.length) {
-      num = '0' + num;
+    while (String(threshold).length > str.length) {
+      str = '0' + num;
     }
   }
-  return num;
+  return str;
 }
 
 const SECOND = 1000;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
-export function formatTime(ms) {
+export function formatTime(ms: number): string {
   if (ms <= 0) {
     return '00:00';
   }
@@ -35,7 +52,7 @@ export function formatTime(ms) {
   return `${padZero(minute)}:${padZero(second)}`;
 }
 
-export function openFullscreen(el) {
+export function openFullscreen(el: HTMLElement): Promise<void> {
   if (el.requestFullscreen) {
     return el.requestFullscreen();
   } else if (el.mozRequestFullScreen) {
@@ -50,7 +67,7 @@ export function openFullscreen(el) {
   }
 }
 
-export function exitFullscreen() {
+export function exitFullscreen(): Promise<void> {
   if (document.exitFullscreen) {
     return document.exitFullscreen();
   } else if (document.mozExitFullscreen) {
@@ -65,7 +82,7 @@ export function exitFullscreen() {
   }
 }
 
-export function isFullscreen() {
+export function isFullscreen(): boolean {
   return (
     document.fullscreen ||
     document.webkitIsFullScreen ||
@@ -74,7 +91,7 @@ export function isFullscreen() {
   );
 }
 
-export function onFullscreenChange(handler) {
+export function onFullscreenChange(handler: () => unknown): () => void {
   document.addEventListener('fullscreenchange', handler);
   document.addEventListener('webkitfullscreenchange', handler);
   document.addEventListener('mozfullscreenchange', handler);
@@ -88,7 +105,19 @@ export function onFullscreenChange(handler) {
   };
 }
 
-export function typeOf(obj) {
+export function typeOf(
+  obj: unknown,
+):
+  | 'boolean'
+  | 'number'
+  | 'string'
+  | 'function'
+  | 'array'
+  | 'date'
+  | 'regExp'
+  | 'undefined'
+  | 'null'
+  | 'object' {
   const toString = Object.prototype.toString;
   const map = {
     '[object Boolean]': 'boolean',
@@ -100,7 +129,7 @@ export function typeOf(obj) {
     '[object RegExp]': 'regExp',
     '[object Undefined]': 'undefined',
     '[object Null]': 'null',
-    '[object Object]': 'object'
+    '[object Object]': 'object',
   };
   return map[toString.call(obj)];
 }
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..77db65da
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..cdd87770
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,1650 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
+  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
+
+"@babel/highlight@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@emmetio/extract-abbreviation@0.1.6":
+  version "0.1.6"
+  resolved "https://registry.npmjs.org/@emmetio/extract-abbreviation/-/extract-abbreviation-0.1.6.tgz#e4a9856c1057f0aff7d443b8536477c243abe28c"
+  integrity sha512-Ce3xE2JvTSEbASFbRbA1gAIcMcZWdS2yUYRaQbeM0nbOzaZrUYfa3ePtcriYRZOZmr+CkKA+zbjhvTpIOAYVcw==
+
+"@polka/url@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/@polka/url/-/url-0.5.0.tgz#b21510597fd601e5d7c95008b76bf0d254ebfd31"
+  integrity sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==
+
+"@rollup/plugin-commonjs@^11.0.0":
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-11.1.0.tgz#60636c7a722f54b41e419e1709df05c7234557ef"
+  integrity sha512-Ycr12N3ZPN96Fw2STurD21jMqzKwL9QuFhms3SD7KKRK7oaXUsBU9Zt0jL/rOPHiPYisI21/rXGO3jr9BnLHUA==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.8"
+    commondir "^1.0.1"
+    estree-walker "^1.0.1"
+    glob "^7.1.2"
+    is-reference "^1.1.2"
+    magic-string "^0.25.2"
+    resolve "^1.11.0"
+
+"@rollup/plugin-node-resolve@^7.0.0":
+  version "7.1.3"
+  resolved "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz#80de384edfbd7bfc9101164910f86078151a3eca"
+  integrity sha512-RxtSL3XmdTAE2byxekYLnx+98kEUOrPHF/KRVjLH+DEIHy6kjIw7YINQzn+NXiH/NTrQLAwYs0GWB+csWygA9Q==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.8"
+    "@types/resolve" "0.0.8"
+    builtin-modules "^3.1.0"
+    is-module "^1.0.0"
+    resolve "^1.14.2"
+
+"@rollup/plugin-typescript@^4.0.0":
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
+  integrity sha512-+7UlGat/99e2JbmGNnIauxwEhYLwrL7adO/tSJxUN57xrrS3Ps+ZzYpLCDGPZJ57j+ZJTZLLN89KXW9JMEB+jg==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.1"
+    resolve "^1.14.1"
+
+"@rollup/pluginutils@^3.0.1", "@rollup/pluginutils@^3.0.8":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
+"@tsconfig/svelte@^1.0.0":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/@tsconfig/svelte/-/svelte-1.0.3.tgz#7e29c4fd771af94faa3e5dde4b717a1ad8625583"
+  integrity sha512-rk+BuV7fNAE33bywtzgNCbPSVEITOeR9zFPeHHJaD9lTcmjZQQRe5fOGJtsdyG3JJKoAZ4JSYVbll4CvWhC3sA==
+
+"@types/color-name@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
+  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
+
+"@types/eslint-visitor-keys@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
+  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
+
+"@types/estree@*":
+  version "0.0.45"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.45.tgz#e9387572998e5ecdac221950dab3e8c3b16af884"
+  integrity sha512-jnqIUKDUqJbDIUxm0Uj7bnlMnRm1T/eZ9N+AVMqhPgzrba2GhGG5o/jCTwmdPK709nEZsGoMzXEDUjcXHa3W0g==
+
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
+"@types/json-schema@^7.0.3":
+  version "7.0.5"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
+  integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
+
+"@types/node@*":
+  version "14.0.26"
+  resolved "https://registry.npmjs.org/@types/node/-/node-14.0.26.tgz#22a3b8a46510da8944b67bfc27df02c34a35331c"
+  integrity sha512-W+fpe5s91FBGE0pEa0lnqGLL4USgpLgs4nokw16SrBBco/gQxuua7KnArSEOd5iaMqbbSHV10vUDkJYJJqpXKA==
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/pug@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/@types/pug/-/pug-2.0.4.tgz#8772fcd0418e3cd2cc171555d73007415051f4b2"
+  integrity sha1-h3L80EGOPNLMFxVV1zAHQVBR9LI=
+
+"@types/resolve@0.0.8":
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
+  integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/sass@^1.16.0":
+  version "1.16.0"
+  resolved "https://registry.npmjs.org/@types/sass/-/sass-1.16.0.tgz#b41ac1c17fa68ffb57d43e2360486ef526b3d57d"
+  integrity sha512-2XZovu4NwcqmtZtsBR5XYLw18T8cBCnU2USFHTnYLLHz9fkhnoEMoDsqShJIOFsFhn5aJHjweiUUdTrDGujegA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/smoothscroll-polyfill@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/@types/smoothscroll-polyfill/-/smoothscroll-polyfill-0.3.1.tgz#77fb3a6e116bdab4a5959122e3b8e201224dcd49"
+  integrity sha512-+KkHw4y+EyeCtVXET7woHUhIbfWFCflc0E0mZnSV+ZdjPQeHt/9KPEuT7gSW/kFQ8O3EG30PLO++YhChDt8+Ag==
+
+"@typescript-eslint/eslint-plugin@^3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.7.0.tgz#0f91aa3c83d019591719e597fbdb73a59595a263"
+  integrity sha512-4OEcPON3QIx0ntsuiuFP/TkldmBGXf0uKxPQlGtS/W2F3ndYm8Vgdpj/woPJkzUc65gd3iR+qi3K8SDQP/obFg==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "3.7.0"
+    debug "^4.1.1"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.0.0"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/experimental-utils@3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.7.0.tgz#0ee21f6c48b2b30c63211da23827725078d5169a"
+  integrity sha512-xpfXXAfZqhhqs5RPQBfAFrWDHoNxD5+sVB5A46TF58Bq1hRfVROrWHcQHHUM9aCBdy9+cwATcvCbRg8aIRbaHQ==
+  dependencies:
+    "@types/json-schema" "^7.0.3"
+    "@typescript-eslint/types" "3.7.0"
+    "@typescript-eslint/typescript-estree" "3.7.0"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
+
+"@typescript-eslint/parser@^3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.7.0.tgz#3e9cd9df9ea644536feb6e5acdb8279ecff96ce9"
+  integrity sha512-2LZauVUt7jAWkcIW7djUc3kyW+fSarNEuM3RF2JdLHR9BfX/nDEnyA4/uWz0wseoWVZbDXDF7iF9Jc342flNqQ==
+  dependencies:
+    "@types/eslint-visitor-keys" "^1.0.0"
+    "@typescript-eslint/experimental-utils" "3.7.0"
+    "@typescript-eslint/types" "3.7.0"
+    "@typescript-eslint/typescript-estree" "3.7.0"
+    eslint-visitor-keys "^1.1.0"
+
+"@typescript-eslint/types@3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.7.0.tgz#09897fab0cb95479c01166b10b2c03c224821077"
+  integrity sha512-reCaK+hyKkKF+itoylAnLzFeNYAEktB0XVfSQvf0gcVgpz1l49Lt6Vo9x4MVCCxiDydA0iLAjTF/ODH0pbfnpg==
+
+"@typescript-eslint/typescript-estree@3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.7.0.tgz#66872e6da120caa4b64e6b4ca5c8702afc74738d"
+  integrity sha512-xr5oobkYRebejlACGr1TJ0Z/r0a2/HUf0SXqPvlgUMwiMqOCu/J+/Dr9U3T0IxpE5oLFSkqMx1FE/dKaZ8KsOQ==
+  dependencies:
+    "@typescript-eslint/types" "3.7.0"
+    "@typescript-eslint/visitor-keys" "3.7.0"
+    debug "^4.1.1"
+    glob "^7.1.6"
+    is-glob "^4.0.1"
+    lodash "^4.17.15"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/visitor-keys@3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.7.0.tgz#ac0417d382a136e4571a0b0dcfe52088cb628177"
+  integrity sha512-k5PiZdB4vklUpUX4NBncn5RBKty8G3ihTY+hqJsCdMuD0v4jofI5xuqwnVcWxfv6iTm2P/dfEa2wMUnsUY8ODw==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+"@xstate/fsm@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/@xstate/fsm/-/fsm-1.4.0.tgz#6fd082336fde4d026e9e448576189ee5265fa51a"
+  integrity sha512-uTHDeu2xI5E1IFwf37JFQM31RrH7mY7877RqPBS4ZqSNUwoLDuct8AhBWaXGnVizBAYyimVwgCyGa9z/NiRhXA==
+
+acorn-jsx@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
+  integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
+
+acorn@^7.1.0, acorn@^7.3.1:
+  version "7.3.1"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-7.3.1.tgz#85010754db53c3fbaf3b9ea3e083aa5c5d147ffd"
+  integrity sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
+
+ajv@^6.10.0, ajv@^6.10.2:
+  version "6.12.3"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
+  integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ansi-colors@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
+  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
+
+ansi-regex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
+  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
+
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
+
+ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
+  integrity sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==
+  dependencies:
+    "@types/color-name" "^1.1.1"
+    color-convert "^2.0.1"
+
+anymatch@~3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
+  integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+argparse@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
+
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
+
+async-limiter@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+
+binary-extensions@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
+  integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
+builtin-modules@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz#aad97c15131eb76b65b50ef208e7584cd76a7484"
+  integrity sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+chalk@^2.0.0, chalk@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chokidar@^3.3.0:
+  version "3.4.1"
+  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.4.1.tgz#e905bdecf10eaa0a0b1db0c664481cc4cbc22ba1"
+  integrity sha512-TQTJyr2stihpC4Sya9hs2Xh+O2wf+igjL36Y75xx2WdHuiICcn/XJza46Jwt0eT5hVpQOzo3FpY3cj3RVYLX0g==
+  dependencies:
+    anymatch "~3.1.1"
+    braces "~3.0.2"
+    glob-parent "~5.1.0"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.4.0"
+  optionalDependencies:
+    fsevents "~2.1.2"
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+
+console-clear@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz#995e20cbfbf14dd792b672cde387bd128d674bf7"
+  integrity sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==
+
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
+
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+debug@^4.0.1, debug@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
+  dependencies:
+    ms "^2.1.1"
+
+dedent-js@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz#bee5fb7c9e727d85dffa24590d10ec1ab1255305"
+  integrity sha1-vuX7fJ5yfYXf+iRZDRDsGrElUwU=
+
+deep-is@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
+
+detect-indent@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
+  integrity sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+
+enquirer@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
+  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
+  dependencies:
+    ansi-colors "^4.1.1"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+
+eslint-config-google@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.11.0.tgz#fd0fc70be2e9114df097cac93a9b5b0d4e1c6830"
+  integrity sha512-z541Fs5TFaY7/35v/z100InQ2f3V2J7e3u/0yKrnImgsHjh6JWgSRngfC/mZepn/+XN16jUydt64k//kxXc1fw==
+
+eslint-plugin-svelte3@^2.7.3:
+  version "2.7.3"
+  resolved "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-2.7.3.tgz#e793b646b848e717674fe668c21b909cfa025eb3"
+  integrity sha512-p6HhxyICX9x/x+8WSy6AVk2bmv9ayoznoTSyCvK47th/k/07ksuJixMwbGX9qxJVAmPBaYMjEIMSEZtJHPIN7w==
+
+eslint-scope@^5.0.0, eslint-scope@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
+  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+eslint-utils@^2.0.0, eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint@^7.5.0:
+  version "7.5.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-7.5.0.tgz#9ecbfad62216d223b82ac9ffea7ef3444671d135"
+  integrity sha512-vlUP10xse9sWt9SGRtcr1LAC67BENcQMFeV+w5EvLEoFe3xJ8cF1Skd0msziRx/VMC+72B4DxreCE+OR12OA6Q==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    enquirer "^2.3.5"
+    eslint-scope "^5.1.0"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^7.2.0"
+    esquery "^1.2.0"
+    esutils "^2.0.2"
+    file-entry-cache "^5.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^5.0.0"
+    globals "^12.1.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash "^4.17.19"
+    minimatch "^3.0.4"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    progress "^2.0.0"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
+    table "^5.2.3"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
+espree@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
+  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
+  dependencies:
+    acorn "^7.3.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
+esprima@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
+  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
+  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
+  dependencies:
+    estraverse "^4.1.0"
+
+estraverse@^4.1.0, estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.1.0.tgz#374309d39fd935ae500e7b92e8a6b4c720e59642"
+  integrity sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==
+
+estree-walker@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
+  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
+
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
+estree-walker@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
+  integrity sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+fast-deep-equal@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
+
+file-entry-cache@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
+  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
+  dependencies:
+    flat-cache "^2.0.1"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+flat-cache@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
+  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
+  dependencies:
+    flatted "^2.0.0"
+    rimraf "2.6.3"
+    write "1.0.3"
+
+flatted@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
+  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+fsevents@~2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
+  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
+
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+
+get-port@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
+  integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
+
+glob-parent@^5.0.0, glob-parent@~5.1.0:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
+  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+globals@^12.1.0:
+  version "12.4.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
+  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
+  dependencies:
+    type-fest "^0.8.1"
+
+globby@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
+  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
+  dependencies:
+    array-union "^1.0.1"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+ignore@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
+  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
+
+import-fresh@^3.0.0, import-fresh@^3.1.0:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
+  integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
+  integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-reference@^1.1.2:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
+  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
+  dependencies:
+    "@types/estree" "*"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+
+jest-worker@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
+  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+  dependencies:
+    merge-stream "^2.0.0"
+    supports-color "^6.1.0"
+
+js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^3.13.1:
+  version "3.14.0"
+  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
+  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+json-parse-better-errors@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+
+jsonc-parser@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-1.0.3.tgz#1d53d7160e401a783dbceabaad82473f80e6ad7e"
+  integrity sha512-hk/69oAeaIzchq/v3lS50PXuzn5O2ynldopMC+SWBql7J2WtdptfB9dy8Y7+Og5rPkTCpn83zTiO8FMcqlXJ/g==
+
+kleur@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lines-and-columns@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
+  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
+
+livereload-js@^3.1.0:
+  version "3.2.4"
+  resolved "https://registry.npmjs.org/livereload-js/-/livereload-js-3.2.4.tgz#21a05f8a7bd04c9531a7c63dfb6ff4b677d30f43"
+  integrity sha512-kgTCrrYAfwnb5469+7bB2hxIct8Giq0RemDnxOESIzyRwRqYGGMZh5VIveYqJiDvpglH0dpd074BU1zJj4NaNw==
+
+livereload@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/livereload/-/livereload-0.9.1.tgz#65125dabdf2db4fd3f1169e953fe56e3bcc6f477"
+  integrity sha512-9g7sua11kkyZNo2hLRCG3LuZZwqexoyEyecSlV8cAsfAVVCZqLzVir6XDqmH0r+Vzgnd5LrdHDMyjtFnJQLAYw==
+  dependencies:
+    chokidar "^3.3.0"
+    livereload-js "^3.1.0"
+    opts ">= 1.2.0"
+    ws "^6.2.1"
+
+local-access@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/local-access/-/local-access-1.0.1.tgz#5121258146d64e869046c642ea4f1dd39ff942bb"
+  integrity sha512-ykt2pgN0aqIy6KQC1CqdWTWkmUwNgaOS6dcpHVjyBJONA+Xi7AtSB1vuxC/U/0tjIP3wcRudwQk1YYzUvzk2bA==
+
+lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
+  version "4.17.19"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+
+lower-case@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
+  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
+  dependencies:
+    tslib "^1.10.0"
+
+magic-string@^0.25.2, magic-string@^0.25.3:
+  version "0.25.7"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
+  integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
+  dependencies:
+    sourcemap-codec "^1.4.4"
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+mime@^2.3.1:
+  version "2.4.6"
+  resolved "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1"
+  integrity sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==
+
+min-indent@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
+  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+
+minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+
+mitt@^1.1.3:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/mitt/-/mitt-1.2.0.tgz#cb24e6569c806e31bd4e3995787fe38a04fdf90d"
+  integrity sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==
+
+mkdirp@^0.5.1:
+  version "0.5.5"
+  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
+mri@^1.1.0:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/mri/-/mri-1.1.6.tgz#49952e1044db21dbf90f6cd92bc9c9a777d415a6"
+  integrity sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==
+
+ms@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
+no-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
+  integrity sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==
+  dependencies:
+    lower-case "^2.0.1"
+    tslib "^1.10.0"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+object-assign@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
+"opts@>= 1.2.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/opts/-/opts-2.0.0.tgz#c0b2cebdf53eaeafc21ed844e34773758dcf41e2"
+  integrity sha512-rPleeyX48sBEc4aj7rAok5dCbvRdYpdbIdSRR4gnIK98a7Rvd4l3wlv4YHQr2mwPQTpKQiw8uipi/WoyItDINg==
+
+pako@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.0.1.tgz#7cfe35c1ccd641bce3981467e6c2ece61b3b3878"
+  integrity sha512-ztoZ4/DYeXQq4E21v169sC8qWINGpcosGv9XhTDvg9/hWvx/zrFkc9BiWxR58OJLHGk28j5BL0SDLeV2WmFZlQ==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+    lines-and-columns "^1.1.6"
+
+pascal-case@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
+  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
+  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
+  integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
+
+pify@^2.0.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
+
+postcss-easy-import@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-3.0.0.tgz#8eaaf5ae59566083d0cae98735dfd803e3ab194d"
+  integrity sha512-cfNsear/v8xlkl9v5Wm8y4Do/puiDQTFF+WX2Fo++h7oKt1fKWVVW/5Ca8hslYDQWnjndrg813cA23Pt1jsYdg==
+  dependencies:
+    globby "^6.1.0"
+    is-glob "^4.0.0"
+    lodash "^4.17.4"
+    object-assign "^4.0.1"
+    pify "^3.0.0"
+    postcss "^6.0.11"
+    postcss-import "^10.0.0"
+    resolve "^1.1.7"
+
+postcss-import@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-10.0.0.tgz#4c85c97b099136cc5ea0240dc1dfdbfde4e2ebbe"
+  integrity sha1-TIXJewmRNsxeoCQNwd/b/eTi674=
+  dependencies:
+    object-assign "^4.0.1"
+    postcss "^6.0.1"
+    postcss-value-parser "^3.2.3"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-value-parser@^3.2.3:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
+  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+
+postcss@^6.0.1, postcss@^6.0.11:
+  version "6.0.23"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prettier-plugin-svelte@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-1.1.0.tgz#e6ec282d8457598b0c02164083b11ad8cb8ab304"
+  integrity sha512-wmIggG/ryV0wcmE9D5p+k5TwKDpS2SGKJpF6IV1aYHK7dkBJD+di1w47Ci00DRsI4RrXZRC2Ef37DSyrTb6Zqg==
+
+prettier@2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
+  integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
+
+progress@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=
+  dependencies:
+    pify "^2.3.0"
+
+readdirp@~3.4.0:
+  version "3.4.0"
+  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
+  integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
+  dependencies:
+    picomatch "^2.2.1"
+
+regexpp@^3.0.0, regexpp@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+
+require-relative@^0.8.7:
+  version "0.8.7"
+  resolved "https://registry.npmjs.org/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
+  integrity sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve@^1.1.7, resolve@^1.11.0, resolve@^1.14.1, resolve@^1.14.2:
+  version "1.17.0"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
+  integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
+  dependencies:
+    path-parse "^1.0.6"
+
+rimraf@2.6.3:
+  version "2.6.3"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
+  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
+  dependencies:
+    glob "^7.1.3"
+
+rollup-plugin-livereload@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/rollup-plugin-livereload/-/rollup-plugin-livereload-1.3.0.tgz#8da90df13df6502b9d982997d6ac871092f15fdd"
+  integrity sha512-abyqXaB21+nFHo+vJULBqfzNx6zXABC19UyvqgDfdoxR/8pFAd041GO+GIUe8ZYC2DbuMUmioh1Lvbk14YLZgw==
+  dependencies:
+    livereload "^0.9.1"
+
+rollup-plugin-svelte@^5.0.3:
+  version "5.2.3"
+  resolved "https://registry.npmjs.org/rollup-plugin-svelte/-/rollup-plugin-svelte-5.2.3.tgz#efdc15e3e3fdd9b9f1100fdc14a8532b4e587bc8"
+  integrity sha512-513vOht9A93OV7fvmpIq8mD1JFgTZ5LidmpULKM2Od9P1l8oI5KwvO32fwCnASuVJS1EkRfvCnS7vKQ8DF4srg==
+  dependencies:
+    require-relative "^0.8.7"
+    rollup-pluginutils "^2.8.2"
+    sourcemap-codec "^1.4.8"
+
+rollup-plugin-terser@^5.1.2:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz#9c0dd33d5771df9630cd027d6a2559187f65885e"
+  integrity sha512-XGMJihTIO3eIBsVGq7jiNYOdDMb3pVxuzY0uhOE/FM4x/u9nQgr3+McsjzqBn3QfHIpNSZmFnpoKAwHBEcsT7g==
+  dependencies:
+    "@babel/code-frame" "^7.5.5"
+    jest-worker "^24.9.0"
+    rollup-pluginutils "^2.8.2"
+    serialize-javascript "^2.1.2"
+    terser "^4.6.2"
+
+rollup-pluginutils@^2.8.2:
+  version "2.8.2"
+  resolved "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
+  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
+  dependencies:
+    estree-walker "^0.6.1"
+
+rollup@^1.20.0:
+  version "1.32.1"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-1.32.1.tgz#4480e52d9d9e2ae4b46ba0d9ddeaf3163940f9c4"
+  integrity sha512-/2HA0Ec70TvQnXdzynFffkjA6XN+1e2pEv/uKS5Ulca40g2L7KuOE3riasHoNVHOsFD5KKZgDsMk1CP3Tw9s+A==
+  dependencies:
+    "@types/estree" "*"
+    "@types/node" "*"
+    acorn "^7.1.0"
+
+rrweb-snapshot@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-0.8.0.tgz#43f119407cb7ec0fdbb30056d6149b1a2c76b79b"
+  integrity sha512-rPQmgragMixTOGQNtMDI31XzpbtaXt2aIB98LNqkeOjaCeo46+B1rxAMLsT3FDFFgmq8vo/cS101H6wiiyuwew==
+
+rrweb@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.0.tgz#94e5370b931fcbad61280845a540f39a3e8eb13a"
+  integrity sha512-sfLu1Wu7rE85mZu0kSvdVoM3VwDNo1SPqnz7wl96sIC0RchcthxifhMLrldmI9/btdGCi8jJrpcEnuW09vpdWw==
+  dependencies:
+    "@types/smoothscroll-polyfill" "^0.3.0"
+    "@xstate/fsm" "^1.4.0"
+    mitt "^1.1.3"
+    pako "^1.0.11"
+    rrweb-snapshot "^0.8.0"
+    smoothscroll-polyfill "^0.4.3"
+
+sade@^1.4.0:
+  version "1.7.3"
+  resolved "https://registry.npmjs.org/sade/-/sade-1.7.3.tgz#a217ccc4fb4abb2d271648bf48f6628b2636fa1b"
+  integrity sha512-m4BctppMvJ60W1dXnHq7jMmFe3hPJZDAH85kQ3ACTo7XZNVUuTItCQ+2HfyaMeV5cKrbw7l4vD/6We3GBxvdJw==
+  dependencies:
+    mri "^1.1.0"
+
+semver@^7.2.1, semver@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
+
+serialize-javascript@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
+  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+sirv-cli@^0.4.4:
+  version "0.4.6"
+  resolved "https://registry.npmjs.org/sirv-cli/-/sirv-cli-0.4.6.tgz#c28ab20deb3b34637f5a60863dc350f055abca04"
+  integrity sha512-/Vj85/kBvPL+n9ibgX6FicLE8VjidC1BhlX67PYPBfbBAphzR6i0k0HtU5c2arejfU3uzq8l3SYPCwl1x7z6Ww==
+  dependencies:
+    console-clear "^1.1.0"
+    get-port "^3.2.0"
+    kleur "^3.0.0"
+    local-access "^1.0.1"
+    sade "^1.4.0"
+    sirv "^0.4.6"
+    tinydate "^1.0.0"
+
+sirv@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.npmjs.org/sirv/-/sirv-0.4.6.tgz#185e44eb93d24009dd183b7494285c5180b81f22"
+  integrity sha512-rYpOXlNbpHiY4nVXxuDf4mXPvKz1reZGap/LkWp9TvcZ84qD/nPBjjH/6GZsgIjVMbOslnY8YYULAyP8jMn1GQ==
+  dependencies:
+    "@polka/url" "^0.5.0"
+    mime "^2.3.1"
+
+slice-ansi@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
+  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
+  dependencies:
+    ansi-styles "^3.2.0"
+    astral-regex "^1.0.0"
+    is-fullwidth-code-point "^2.0.0"
+
+smoothscroll-polyfill@^0.4.3:
+  version "0.4.4"
+  resolved "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
+  integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
+
+source-map-support@~0.5.12:
+  version "0.5.19"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+
+sourcemap-codec@^1.4.4, sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+
+string-width@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
+strip-ansi@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
+  dependencies:
+    ansi-regex "^4.1.0"
+
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
+  dependencies:
+    ansi-regex "^5.0.0"
+
+strip-indent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
+  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
+  dependencies:
+    min-indent "^1.0.0"
+
+strip-json-comments@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+supports-color@^5.3.0, supports-color@^5.4.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
+  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
+  dependencies:
+    has-flag "^4.0.0"
+
+svelte-check@^0.1.0:
+  version "0.1.56"
+  resolved "https://registry.npmjs.org/svelte-check/-/svelte-check-0.1.56.tgz#a82bbb10bcb61c2da5a4cfc8c60e0d2325225019"
+  integrity sha512-XFdbb72Fcu6gZnjnrawpn9DEoTUEzrN07lbcm0vawizrw8UEsBPvg55RQgdCd53vfBriBnprP5Bi3YWi9R5Q+Q==
+  dependencies:
+    chalk "^4.0.0"
+    glob "^7.1.6"
+    minimist "^1.2.5"
+    svelte-language-server "*"
+    vscode-languageserver "6.1.1"
+    vscode-languageserver-protocol "3.15.3"
+    vscode-languageserver-types "3.15.1"
+    vscode-uri "2.1.1"
+
+svelte-language-server@*:
+  version "0.10.75"
+  resolved "https://registry.npmjs.org/svelte-language-server/-/svelte-language-server-0.10.75.tgz#0cfc0ceb5642564fe98a8515989b17339bc2eb8c"
+  integrity sha512-ENLhx1z1pSIG0Szm+hgp3N5aB9/PCSAK0Cs/+XjEU5m6qm2Rl1aKb6v7NnuPSlpRV8Nv+B/0/xR0HIioHRi5Vw==
+  dependencies:
+    cosmiconfig "^6.0.0"
+    estree-walker "^2.0.1"
+    lodash "^4.17.19"
+    magic-string "^0.25.3"
+    prettier "2.0.5"
+    prettier-plugin-svelte "1.1.0"
+    source-map "^0.7.3"
+    svelte "3.24.0"
+    svelte-preprocess "~3.9.11"
+    svelte2tsx "*"
+    typescript "*"
+    vscode-css-languageservice "4.1.0"
+    vscode-emmet-helper "1.2.17"
+    vscode-html-languageservice "3.0.4-next.15"
+    vscode-languageserver "6.1.1"
+    vscode-languageserver-types "3.15.1"
+    vscode-uri "2.1.1"
+
+svelte-preprocess@^4.0.0:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.0.8.tgz#d283218cd078b91419d7e11371d5f79060d07196"
+  integrity sha512-RNSwuk8chC9g1MZAkHPM+/LRc2jndBPph26GN3eWNkAVkGwwt6HNskcRkUn30ZW71my1vlhMhk2D5ajVcz8RmA==
+  dependencies:
+    "@types/pug" "^2.0.4"
+    "@types/sass" "^1.16.0"
+    detect-indent "^6.0.0"
+    strip-indent "^3.0.0"
+
+svelte-preprocess@~3.9.11:
+  version "3.9.12"
+  resolved "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-3.9.12.tgz#21e8452e45c6a4d89df37a38714af4a0186df3a1"
+  integrity sha512-OX8a7drmlYcX/bLKbtRTvcc0lYu5Ub78D4B/GVxac2zeyrj1e5vEJU6BsxFbc/8kFDqI6BgsCLZAqsFDr/KrDQ==
+  dependencies:
+    "@types/pug" "^2.0.4"
+    "@types/sass" "^1.16.0"
+    detect-indent "^6.0.0"
+    strip-indent "^3.0.0"
+
+svelte2tsx@*:
+  version "0.1.61"
+  resolved "https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.1.61.tgz#ad06be6c74f78c5c06ecb9b1788035a0c2545968"
+  integrity sha512-XXs/85B+MED8zsuG3VPkkQQffoEVZwujgZrs2RSUl3hNPROXYkbOA+it5mMdlUzzOvaDY1ODlXoylBOU0eq6qA==
+  dependencies:
+    dedent-js "^1.0.1"
+    pascal-case "^3.1.1"
+
+svelte@3.24.0, svelte@^3.2.0:
+  version "3.24.0"
+  resolved "https://registry.npmjs.org/svelte/-/svelte-3.24.0.tgz#6565a42c9705796fa66c6abb4fedc09f4323a4a8"
+  integrity sha512-VFXom6EP2DK83kxy4ZlBbaZklSbZIrpNH3oNXlPYHJUuW4q1OuAr3ZoYbfIVTVYPDgrI7Yq0gQcOhDlAtO4qfw==
+
+table@^5.2.3:
+  version "5.4.6"
+  resolved "https://registry.npmjs.org/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
+  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
+  dependencies:
+    ajv "^6.10.2"
+    lodash "^4.17.14"
+    slice-ansi "^2.1.0"
+    string-width "^3.0.0"
+
+terser@^4.6.2:
+  version "4.8.0"
+  resolved "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+
+tinydate@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/tinydate/-/tinydate-1.3.0.tgz#e6ca8e5a22b51bb4ea1c3a2a4fd1352dbd4c57fb"
+  integrity sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+tslib@^1.10.0, tslib@^1.8.1:
+  version "1.13.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
+  integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
+
+tslib@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.0.0.tgz#18d13fc2dce04051e20f074cc8387fd8089ce4f3"
+  integrity sha512-lTqkx847PI7xEDYJntxZH89L2/aXInsyF2luSafe/+0fHOMjlBNXdH6th7f70qxLDhul7KZK0zC8V5ZIyHl0/g==
+
+tsutils@^3.17.1:
+  version "3.17.1"
+  resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
+  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
+  dependencies:
+    tslib "^1.8.1"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
+  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
+
+typescript@*, typescript@^3.9.7:
+  version "3.9.7"
+  resolved "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
+  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
+
+uri-js@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
+  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
+  dependencies:
+    punycode "^2.1.0"
+
+v8-compile-cache@^2.0.3:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
+  integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
+
+vscode-css-languageservice@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-4.1.0.tgz#144c8274e0bf1719fa6f773ca684bd1c7ffd634f"
+  integrity sha512-iTX3dTp0Y0RFWhIux5jasI8r9swdiWVB1Z3OrZ10iDHxzkETjVPxAQ5BEQU4ag0Awc8TTg1C7sJriHQY2LO14g==
+  dependencies:
+    vscode-languageserver-textdocument "^1.0.1"
+    vscode-languageserver-types "^3.15.1"
+    vscode-nls "^4.1.1"
+    vscode-uri "^2.1.1"
+
+vscode-emmet-helper@1.2.17:
+  version "1.2.17"
+  resolved "https://registry.npmjs.org/vscode-emmet-helper/-/vscode-emmet-helper-1.2.17.tgz#f0c6bfcebc4285d081fb2618e6e5b9a08c567afa"
+  integrity sha512-X4pzcrJ8dE7M3ArFuySF5fgipKDd/EauXkiJwtjBIVRWpVNq0tF9+lNCyuC7iDUwP3Oq7ow/TGssD3GdG96Jow==
+  dependencies:
+    "@emmetio/extract-abbreviation" "0.1.6"
+    jsonc-parser "^1.0.0"
+    vscode-languageserver-types "^3.6.0-next.1"
+
+vscode-html-languageservice@3.0.4-next.15:
+  version "3.0.4-next.15"
+  resolved "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-3.0.4-next.15.tgz#7214ccd9b4a06cf138b5945d9fd88285a0add490"
+  integrity sha512-UmUm3A1ZTj+BloVIyel+5pK/nfsqRfPLXzl8BA9O7v5Cj64vivddABvNf/rW1US8fzdikFNZNloC/4ooqxB2kw==
+  dependencies:
+    vscode-languageserver-textdocument "^1.0.1-next.1"
+    vscode-languageserver-types "^3.15.1"
+    vscode-nls "^4.1.1"
+    vscode-uri "^2.1.1"
+
+vscode-jsonrpc@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-5.0.1.tgz#9bab9c330d89f43fc8c1e8702b5c36e058a01794"
+  integrity sha512-JvONPptw3GAQGXlVV2utDcHx0BiY34FupW/kI6mZ5x06ER5DdPG/tXWMVHjTNULF5uKPOUUD0SaXg5QaubJL0A==
+
+vscode-languageserver-protocol@3.15.3, vscode-languageserver-protocol@^3.15.3:
+  version "3.15.3"
+  resolved "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.15.3.tgz#3fa9a0702d742cf7883cb6182a6212fcd0a1d8bb"
+  integrity sha512-zrMuwHOAQRhjDSnflWdJG+O2ztMWss8GqUUB8dXLR/FPenwkiBNkMIJJYfSN6sgskvsF0rHAoBowNQfbyZnnvw==
+  dependencies:
+    vscode-jsonrpc "^5.0.1"
+    vscode-languageserver-types "3.15.1"
+
+vscode-languageserver-textdocument@^1.0.1, vscode-languageserver-textdocument@^1.0.1-next.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.1.tgz#178168e87efad6171b372add1dea34f53e5d330f"
+  integrity sha512-UIcJDjX7IFkck7cSkNNyzIz5FyvpQfY7sdzVy+wkKN/BLaD4DQ0ppXQrKePomCxTS7RrolK1I0pey0bG9eh8dA==
+
+vscode-languageserver-types@3.15.1, vscode-languageserver-types@^3.15.1, vscode-languageserver-types@^3.6.0-next.1:
+  version "3.15.1"
+  resolved "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.15.1.tgz#17be71d78d2f6236d414f0001ce1ef4d23e6b6de"
+  integrity sha512-+a9MPUQrNGRrGU630OGbYVQ+11iOIovjCkqxajPa9w57Sd5ruK8WQNsslzpa0x/QJqC8kRc2DUxWjIFwoNm4ZQ==
+
+vscode-languageserver@6.1.1:
+  version "6.1.1"
+  resolved "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-6.1.1.tgz#d76afc68172c27d4327ee74332b468fbc740d762"
+  integrity sha512-DueEpkUAkD5XTR4MLYNr6bQIp/UFR0/IPApgXU3YfCBCB08u2sm9hRCs6DxYZELkk++STPjpcjksR2H8qI3cDQ==
+  dependencies:
+    vscode-languageserver-protocol "^3.15.3"
+
+vscode-nls@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/vscode-nls/-/vscode-nls-4.1.2.tgz#ca8bf8bb82a0987b32801f9fddfdd2fb9fd3c167"
+  integrity sha512-7bOHxPsfyuCqmP+hZXscLhiHwe7CSuFE4hyhbs22xPIhQ4jv99FcR4eBzfYYVLP356HNFpdvz63FFb/xw6T4Iw==
+
+vscode-uri@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.1.tgz#5aa1803391b6ebdd17d047f51365cf62c38f6e90"
+  integrity sha512-eY9jmGoEnVf8VE8xr5znSah7Qt1P/xsCdErz+g8HYZtJ7bZqKH5E3d+6oVNm1AC/c6IHUDokbmVXKOi4qPAC9A==
+
+vscode-uri@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz#c8d40de93eb57af31f3c715dd650e2ca2c096f1c"
+  integrity sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+write@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
+  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
+  dependencies:
+    mkdirp "^0.5.1"
+
+ws@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
+  integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
+  dependencies:
+    async-limiter "~1.0.0"
+
+yaml@^1.7.2:
+  version "1.10.0"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
+  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==

From 53f51e0e8e745115ea74b86e3e374d4d3977f613 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=B6Cccccc?= <leoassw@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 247/345] =?UTF-8?q?bugfix:=20svg=20url=E4=B8=ADid=20name?=
 =?UTF-8?q?=E8=A2=AB=E8=AF=AF=E8=BD=AC=E4=B8=BA=E7=BB=9D=E5=AF=B9=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84=20(#59)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: wanglei002 <wanglei002@sensorsdata.cn>
---
 src/snapshot.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index e23d2a70..3d04acc3 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -66,7 +66,7 @@ function extractOrigin(url: string): string {
 }
 
 const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
-const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
+const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/|#).*/;
 const DATA_URI = /^(data:)([^,]*),(.*)/i;
 export function absoluteToStylesheet(
   cssText: string | null,

From 7a700b89476163c2c43e86c4e541af8c892ffd5d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 248/345] Release 0.5.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4d8389be..4b283bc3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From c24e610f9ec27eb245441be9bd14ffc8a3c7acd1 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 249/345] Release 1.0.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 08efd87a..9944c0ee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 3af515327bdf0c543203030079fa0253b439c015 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 250/345] close #20 add types

---
 package.json       |  1 +
 typings/index.d.ts | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 typings/index.d.ts

diff --git a/package.json b/package.json
index 4b283bc3..900c7c2c 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "lib",
     "dist"
   ],
+  "typings": "typings/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/rrweb-io/rrweb-player.git"
diff --git a/typings/index.d.ts b/typings/index.d.ts
new file mode 100644
index 00000000..ba0b5499
--- /dev/null
+++ b/typings/index.d.ts
@@ -0,0 +1,23 @@
+import { eventWithTime } from 'rrweb/typings/types';
+
+export default class rrwebPlayer {
+  constructor(options: {
+    target: HTMLElement;
+    props: {
+      events: eventWithTime[];
+      width?: number;
+      height?: number;
+      skipInactive?: boolean;
+      autoPlay?: number;
+      speedOption?: number[];
+      showController?: boolean;
+      showWarning?: boolean;
+      showDebug?: boolean;
+      tags?: Record<string, string>;
+    };
+  });
+
+  addEventListener(event: string, handler: () => unknown): void;
+
+  addEvent(event: eventWithTime): void;
+}

From af61cab8724d89e77c63ab4d440c50b8cef60394 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 251/345] fix href value

---
 src/snapshot.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 3d04acc3..fcfb9f56 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -149,6 +149,13 @@ function isSVGElement(el: Element): boolean {
   return el.tagName === 'svg' || el instanceof SVGElement;
 }
 
+function getHref() {
+  // return a href without hash
+  const a = document.createElement('a');
+  a.href = '';
+  return a.href;
+}
+
 export function transformAttribute(
   doc: Document,
   name: string,
@@ -160,7 +167,7 @@ export function transformAttribute(
   } else if (name === 'srcset' && value) {
     return getAbsoluteSrcsetString(doc, value);
   } else if (name === 'style' && value) {
-    return absoluteToStylesheet(value, location.href);
+    return absoluteToStylesheet(value, getHref());
   } else {
     return value;
   }
@@ -262,7 +269,7 @@ function serializeNode(
           (n as HTMLStyleElement).sheet as CSSStyleSheet,
         );
         if (cssText) {
-          attributes._cssText = absoluteToStylesheet(cssText, location.href);
+          attributes._cssText = absoluteToStylesheet(cssText, getHref());
         }
       }
       // form fields
@@ -335,7 +342,7 @@ function serializeNode(
       let textContent = (n as Text).textContent;
       const isStyle = parentTagName === 'STYLE' ? true : undefined;
       if (isStyle && textContent) {
-        textContent = absoluteToStylesheet(textContent, location.href);
+        textContent = absoluteToStylesheet(textContent, getHref());
       }
       if (parentTagName === 'SCRIPT') {
         textContent = 'SCRIPT_PLACEHOLDER';

From 669d8cbb9077bdd8fb12f8f060331624889ae667 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 252/345] Release 0.5.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 900c7c2c..b995ca09 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From f780c42b953c7cfb1d1f58faee4f7d8c6cfb30b2 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 253/345] Release 1.0.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9944c0ee..ce0b6816 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 3e3e65845bc2bd1efac1edfef1a85fecc2c1b120 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 254/345] fix types

---
 package.json       | 3 ++-
 typings/index.d.ts | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b995ca09..8138c37f 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,8 @@
   "unpkg": "dist/index.js",
   "files": [
     "lib",
-    "dist"
+    "dist",
+    "typings"
   ],
   "typings": "typings/index.d.ts",
   "repository": {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index ba0b5499..72b23589 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -8,7 +8,7 @@ export default class rrwebPlayer {
       width?: number;
       height?: number;
       skipInactive?: boolean;
-      autoPlay?: number;
+      autoPlay?: boolean;
       speedOption?: number[];
       showController?: boolean;
       showWarning?: boolean;

From b0508d4df46ba6dacf6cb152f4289b930175786c Mon Sep 17 00:00:00 2001
From: yz-yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 255/345] nested record iframe (#63)

* pick nested branch

* iframe snapshot

* temp: add bundle file to git

* revert ignore file

* refactor iframe impl
1. do callback one iframe is loaded, let rrweb handle the rest
2. handle iframe as normal element in rebuild

* rename hook function
---
 src/rebuild.ts                         |  24 ++++-
 src/snapshot.ts                        |  93 +++++++++++++++++
 src/types.ts                           |   7 +-
 test/__snapshots__/integration.ts.snap | 132 +++++++++++++++++++++++++
 test/iframe-html/frame1.html           |  13 +++
 test/iframe-html/frame2.html           |  11 +++
 test/iframe-html/main.html             |  12 +++
 test/integration.ts                    |  47 +++++++++
 typings/rebuild.d.ts                   |   2 +
 typings/snapshot.d.ts                  |   5 +
 typings/types.d.ts                     |   4 +-
 11 files changed, 343 insertions(+), 7 deletions(-)
 create mode 100644 test/iframe-html/frame1.html
 create mode 100644 test/iframe-html/frame2.html
 create mode 100644 test/iframe-html/main.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index b09d4234..8091be3b 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -198,13 +198,20 @@ export function buildNodeWithSN(
     map: idNodeMap;
     skipChild?: boolean;
     hackCss: boolean;
+    afterAppend?: (n: INode) => unknown;
   },
 ): INode | null {
-  const { doc, map, skipChild = false, hackCss = true } = options;
+  const { doc, map, skipChild = false, hackCss = true, afterAppend } = options;
   let node = buildNode(n, { doc, hackCss });
   if (!node) {
     return null;
   }
+  if (n.rootId) {
+    console.assert(
+      ((map[n.rootId] as unknown) as Document) === doc,
+      'Target document should has the same root id.',
+    );
+  }
   // use target document as root document
   if (n.type === NodeType.Document) {
     // close before open to make sure document was closed
@@ -215,6 +222,7 @@ export function buildNodeWithSN(
 
   (node as INode).__sn = n;
   map[n.id] = node as INode;
+
   if (
     (n.type === NodeType.Document || n.type === NodeType.Element) &&
     !skipChild
@@ -225,14 +233,20 @@ export function buildNodeWithSN(
         map,
         skipChild: false,
         hackCss,
+        afterAppend,
       });
       if (!childNode) {
         console.warn('Failed to rebuild', childN);
-      } else {
-        node.appendChild(childNode);
+        continue;
+      }
+
+      node.appendChild(childNode);
+      if (afterAppend) {
+        afterAppend(childNode);
       }
     }
   }
+
   return node as INode;
 }
 
@@ -274,15 +288,17 @@ function rebuild(
     doc: Document;
     onVisit?: (node: INode) => unknown;
     hackCss?: boolean;
+    afterAppend?: (n: INode) => unknown;
   },
 ): [Node | null, idNodeMap] {
-  const { doc, onVisit, hackCss = true } = options;
+  const { doc, onVisit, hackCss = true, afterAppend } = options;
   const idNodeMap: idNodeMap = {};
   const node = buildNodeWithSN(n, {
     doc,
     map: idNodeMap,
     skipChild: false,
     hackCss,
+    afterAppend,
   });
   visit(idNodeMap, (visitedNode) => {
     if (onVisit) {
diff --git a/src/snapshot.ts b/src/snapshot.ts
index fcfb9f56..9ddc39d5 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -196,6 +196,34 @@ export function _isBlockedElement(
   return false;
 }
 
+// https://stackoverflow.com/a/36155560
+function onceIframeLoaded(
+  iframeEl: HTMLIFrameElement,
+  listener: () => unknown,
+) {
+  const win = iframeEl.contentWindow;
+  if (!win) {
+    return;
+  }
+  // document is loading
+  if (win.document.readyState !== 'complete') {
+    iframeEl.addEventListener('load', listener);
+    return;
+  }
+  // check blank frame for Chrome
+  const blankUrl = 'about:blank';
+  if (
+    win.location.href !== blankUrl ||
+    iframeEl.src === blankUrl ||
+    iframeEl.src === ''
+  ) {
+    listener();
+    return;
+  }
+  // use default listener
+  iframeEl.addEventListener('load', listener);
+}
+
 function serializeNode(
   n: Node,
   options: {
@@ -215,11 +243,18 @@ function serializeNode(
     maskInputOptions = {},
     recordCanvas,
   } = options;
+  // Only record root id when document object is not the base document
+  let rootId: number | undefined;
+  if (((doc as unknown) as INode).__sn) {
+    const docId = ((doc as unknown) as INode).__sn.id;
+    rootId = docId === 1 ? undefined : docId;
+  }
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return {
         type: NodeType.Document,
         childNodes: [],
+        rootId,
       };
     case n.DOCUMENT_TYPE_NODE:
       return {
@@ -227,6 +262,7 @@ function serializeNode(
         name: (n as DocumentType).name,
         publicId: (n as DocumentType).publicId,
         systemId: (n as DocumentType).systemId,
+        rootId,
       };
     case n.ELEMENT_NODE:
       const needBlock = _isBlockedElement(
@@ -318,6 +354,7 @@ function serializeNode(
       if ((n as HTMLElement).scrollTop) {
         attributes.rr_scrollTop = (n as HTMLElement).scrollTop;
       }
+      // block element
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
         attributes = {
@@ -326,6 +363,10 @@ function serializeNode(
           rr_height: `${height}px`,
         };
       }
+      // iframe
+      if (tagName === 'iframe') {
+        delete attributes.src;
+      }
       return {
         type: NodeType.Element,
         tagName,
@@ -333,6 +374,7 @@ function serializeNode(
         childNodes: [],
         isSVG: isSVGElement(n as Element) || undefined,
         needBlock,
+        rootId,
       };
     case n.TEXT_NODE:
       // The parent node may not be a html element which has a tagName attribute.
@@ -351,16 +393,19 @@ function serializeNode(
         type: NodeType.Text,
         textContent: textContent || '',
         isStyle,
+        rootId,
       };
     case n.CDATA_SECTION_NODE:
       return {
         type: NodeType.CDATA,
         textContent: '',
+        rootId,
       };
     case n.COMMENT_NODE:
       return {
         type: NodeType.Comment,
         textContent: (n as Comment).textContent || '',
+        rootId,
       };
     default:
       return false;
@@ -472,6 +517,8 @@ export function serializeNodeWithId(
     slimDOMOptions: SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
+    onSerialize?: (n: INode) => unknown;
+    onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
   },
 ): serializedNodeWithId | null {
   const {
@@ -484,6 +531,8 @@ export function serializeNodeWithId(
     maskInputOptions = {},
     slimDOMOptions,
     recordCanvas = false,
+    onSerialize,
+    onIframeLoad,
   } = options;
   let { preserveWhiteSpace = true } = options;
   const _serializedNode = serializeNode(n, {
@@ -521,6 +570,9 @@ export function serializeNodeWithId(
     return null; // slimDOM
   }
   map[id] = n as INode;
+  if (onSerialize) {
+    onSerialize(n as INode);
+  }
   let recordChild = !skipChild;
   if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
@@ -552,12 +604,44 @@ export function serializeNodeWithId(
         slimDOMOptions,
         recordCanvas,
         preserveWhiteSpace,
+        onSerialize,
+        onIframeLoad,
       });
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
     }
   }
+
+  if (
+    serializedNode.type === NodeType.Element &&
+    serializedNode.tagName === 'iframe'
+  ) {
+    onceIframeLoaded(n as HTMLIFrameElement, () => {
+      const iframeDoc = (n as HTMLIFrameElement).contentDocument;
+      if (iframeDoc && onIframeLoad) {
+        const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+          doc: iframeDoc,
+          map,
+          blockClass,
+          blockSelector,
+          skipChild: false,
+          inlineStylesheet,
+          maskInputOptions,
+          slimDOMOptions,
+          recordCanvas,
+          preserveWhiteSpace,
+          onSerialize,
+          onIframeLoad,
+        });
+
+        if (serializedIframeNode) {
+          onIframeLoad(n as INode, serializedIframeNode);
+        }
+      }
+    });
+  }
+
   return serializedNode;
 }
 
@@ -570,6 +654,9 @@ function snapshot(
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
     blockSelector?: string | null;
+    preserveWhiteSpace?: boolean;
+    onSerialize?: (n: INode) => unknown;
+    onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
   },
 ): [serializedNodeWithId | null, idNodeMap] {
   const {
@@ -579,6 +666,9 @@ function snapshot(
     blockSelector = null,
     maskAllInputs = false,
     slimDOM = false,
+    preserveWhiteSpace,
+    onSerialize,
+    onIframeLoad,
   } = options || {};
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
@@ -632,6 +722,9 @@ function snapshot(
       maskInputOptions,
       slimDOMOptions,
       recordCanvas,
+      preserveWhiteSpace,
+      onSerialize,
+      onIframeLoad,
     }),
     idNodeMap,
   ];
diff --git a/src/types.ts b/src/types.ts
index 9a53c012..3ae2d76f 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -47,13 +47,16 @@ export type commentNode = {
   textContent: string;
 };
 
-export type serializedNode =
+export type serializedNode = (
   | documentNode
   | documentTypeNode
   | elementNode
   | textNode
   | cdataNode
-  | commentNode;
+  | commentNode
+) & {
+  rootId?: number;
+};
 
 export type serializedNodeWithId = serializedNode & { id: number };
 
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index d7d76c6d..75734c14 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -277,3 +277,135 @@ exports[`[html file]: with-style-sheet-with-import.html 1`] = `
 </head><body>
 </body></html>"
 `;
+
+exports[`iframe integration tests 1`] = `
+"{
+  \\"type\\": 0,
+  \\"childNodes\\": [
+    {
+      \\"type\\": 1,
+      \\"name\\": \\"html\\",
+      \\"publicId\\": \\"\\",
+      \\"systemId\\": \\"\\",
+      \\"id\\": 2
+    },
+    {
+      \\"type\\": 2,
+      \\"tagName\\": \\"html\\",
+      \\"attributes\\": {
+        \\"lang\\": \\"en\\"
+      },
+      \\"childNodes\\": [
+        {
+          \\"type\\": 2,
+          \\"tagName\\": \\"head\\",
+          \\"attributes\\": {},
+          \\"childNodes\\": [
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 5
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"meta\\",
+              \\"attributes\\": {
+                \\"charset\\": \\"UTF-8\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 6
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 7
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"meta\\",
+              \\"attributes\\": {
+                \\"name\\": \\"viewport\\",
+                \\"content\\": \\"width=device-width, initial-scale=1.0\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 8
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 9
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"title\\",
+              \\"attributes\\": {},
+              \\"childNodes\\": [
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"Main\\",
+                  \\"id\\": 11
+                }
+              ],
+              \\"id\\": 10
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n  \\",
+              \\"id\\": 12
+            }
+          ],
+          \\"id\\": 4
+        },
+        {
+          \\"type\\": 3,
+          \\"textContent\\": \\"\\\\n  \\",
+          \\"id\\": 13
+        },
+        {
+          \\"type\\": 2,
+          \\"tagName\\": \\"body\\",
+          \\"attributes\\": {},
+          \\"childNodes\\": [
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 15
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"iframe\\",
+              \\"attributes\\": {
+                \\"id\\": \\"one\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 16
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 17
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"iframe\\",
+              \\"attributes\\": {
+                \\"id\\": \\"two\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 18
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n  \\\\n\\\\n\\",
+              \\"id\\": 19
+            }
+          ],
+          \\"id\\": 14
+        }
+      ],
+      \\"id\\": 3
+    }
+  ],
+  \\"id\\": 1
+}"
+`;
diff --git a/test/iframe-html/frame1.html b/test/iframe-html/frame1.html
new file mode 100644
index 00000000..8810af46
--- /dev/null
+++ b/test/iframe-html/frame1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Frame 1</title>
+  </head>
+  <body>
+    frame 1
+    <iframe id="three" frameborder="0"></iframe>
+    <iframe id="four" src="./frame2.html" frameborder="0"></iframe>
+  </body>
+</html>
diff --git a/test/iframe-html/frame2.html b/test/iframe-html/frame2.html
new file mode 100644
index 00000000..34324085
--- /dev/null
+++ b/test/iframe-html/frame2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Frame 2</title>
+  </head>
+  <body>
+    frame 2
+  </body>
+</html>
diff --git a/test/iframe-html/main.html b/test/iframe-html/main.html
new file mode 100644
index 00000000..d8e712bc
--- /dev/null
+++ b/test/iframe-html/main.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Main</title>
+  </head>
+  <body>
+    <iframe id="one"></iframe>
+    <iframe id="two" src="./frame1.html"></iframe>
+  </body>
+</html>
diff --git a/test/integration.ts b/test/integration.ts
index ddfb5bc8..807639f0 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -119,3 +119,50 @@ describe('integration tests', function (this: ISuite) {
     }).timeout(5000);
   }
 });
+
+describe('iframe integration tests', function (this: ISuite) {
+  const iframeHtml = path.join(__dirname, 'iframe-html/main.html');
+  const raw = fs.readFileSync(iframeHtml, 'utf-8');
+
+  before(async () => {
+    this.server = await server();
+    this.browser = await puppeteer.launch({
+      // headless: false,
+    });
+
+    const bundle = await rollup.rollup({
+      input: path.resolve(__dirname, '../src/index.ts'),
+      plugins: [typescript()],
+    });
+    const { code } = await bundle.generate({
+      name: 'rrweb',
+      format: 'iife',
+    });
+    this.code = code;
+  });
+
+  after(async () => {
+    await this.browser.close();
+    await this.server.close();
+  });
+
+  it('snapshot async iframes', async () => {
+    const page: puppeteer.Page = await this.browser.newPage();
+    // console for debug
+    // tslint:disable-next-line: no-console
+    page.on('console', (msg) => console.log(msg.text()));
+    await page.goto(`http://localhost:3030/html`);
+    await page.setContent(raw, {
+      waitUntil: 'load',
+    });
+    const snapshotResult = JSON.stringify(
+      await page.evaluate(`${this.code};
+      rrweb.snapshot(document)[0];
+    `),
+      null,
+      2,
+    );
+    const result = matchSnapshot(snapshotResult, __filename, this.title);
+    assert(result.pass, result.pass ? '' : result.report());
+  }).timeout(5000);
+});
diff --git a/typings/rebuild.d.ts b/typings/rebuild.d.ts
index 35eb6020..6ab9f04b 100644
--- a/typings/rebuild.d.ts
+++ b/typings/rebuild.d.ts
@@ -5,10 +5,12 @@ export declare function buildNodeWithSN(n: serializedNodeWithId, options: {
     map: idNodeMap;
     skipChild?: boolean;
     hackCss: boolean;
+    afterAppend?: (n: INode) => unknown;
 }): INode | null;
 declare function rebuild(n: serializedNodeWithId, options: {
     doc: Document;
     onVisit?: (node: INode) => unknown;
     hackCss?: boolean;
+    afterAppend?: (n: INode) => unknown;
 }): [Node | null, idNodeMap];
 export default rebuild;
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 8ae27a30..053e3a19 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -15,6 +15,8 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
     slimDOMOptions: SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
+    onSerialize?: (n: INode) => unknown;
+    onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
 }): serializedNodeWithId | null;
 declare function snapshot(n: Document, options?: {
     blockClass?: string | RegExp;
@@ -23,6 +25,9 @@ declare function snapshot(n: Document, options?: {
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
     blockSelector?: string | null;
+    preserveWhiteSpace?: boolean;
+    onSerialize?: (n: INode) => unknown;
+    onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
 }): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export declare function cleanupSnapshot(): void;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 256abba5..8efab817 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -40,7 +40,9 @@ export declare type commentNode = {
     type: NodeType.Comment;
     textContent: string;
 };
-export declare type serializedNode = documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode;
+export declare type serializedNode = (documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode) & {
+    rootId?: number;
+};
 export declare type serializedNodeWithId = serializedNode & {
     id: number;
 };

From ab3f0f084416ae4e459e60cb61bc6fef9181f1da Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 256/345] Release 0.5.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8138c37f..8e87165a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 59c849e429669d6bd04d85afdb6f0facca098643 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 257/345] Release 1.0.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ce0b6816..d18497ae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 50e2555d1e4be1d2bcd3a83d7581ad290c8cca0a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 258/345] expose APIs as public API

---
 public/index.html     |  1 +
 src/Controller.svelte | 10 +++++++---
 src/Player.svelte     | 21 +++++++++++++++++++--
 typings/index.d.ts    |  3 +++
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index 56ec245e..e05b1b83 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,6 +26,7 @@
         autoPlay: false,
       },
     });
+    window.$c = component;
     component.addEventListener('finish', () => console.log('finish'));
   </script>
 </html>
diff --git a/src/Controller.svelte b/src/Controller.svelte
index 3140f199..22e30c58 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -102,7 +102,7 @@
     }
   };
 
-  const toggle = () => {
+  export const toggle = () => {
     switch (playerState) {
       case 'playing':
         replayer.pause();
@@ -142,7 +142,7 @@
     }
   };
 
-  const setSpeed = (newSpeed: number) => {
+  export const setSpeed = (newSpeed: number) => {
     let needFreeze = playerState === 'playing';
     speed = newSpeed;
     if (needFreeze) {
@@ -154,6 +154,10 @@
     }
   };
 
+  export const toggleSkipInactive = () => {
+    skipInactive = !skipInactive;
+  };
+
   onMount(() => {
     playerState = replayer.service.state.value as typeof playerState;
     speedState = replayer.speedService.state.value as typeof speedState;
@@ -320,7 +324,7 @@
     </div>
     <div class="rr-controller__btns">
       <button on:click={toggle}>
-        {#if ['playing', 'skipping'].includes(playerState)}
+        {#if playerState === 'playing'}
           <svg
             class="icon"
             viewBox="0 0 1024 1024"
diff --git a/src/Player.svelte b/src/Player.svelte
index 4eeed4a3..db276b61 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -32,6 +32,11 @@
   let fullscreenListener: undefined | (() => void);
   let _width: number = width;
   let _height: number = height;
+  let controller: {
+    toggle: () => void;
+    setSpeed: (speed: number) => void;
+    toggleSkipInactive: () => void;
+  };
 
   let style: string;
   $: style = inlineCss({
@@ -54,7 +59,7 @@
       `scale(${Math.min(widthScale, heightScale)})` + 'translate(-50%, -50%)';
   };
 
-  const fullscreen = () => {
+  export const toggleFullscreen = () => {
     if (player) {
       isFullscreen() ? exitFullscreen() : openFullscreen(player);
     }
@@ -68,6 +73,17 @@
     replayer.addEvent(event);
   };
 
+  // by pass controller methods as public API
+  export const toggle = () => {
+    controller.toggle();
+  };
+  export const setSpeed = (speed: number) => {
+    controller.setSpeed(speed);
+  };
+  export const toggleSkipInactive = () => {
+    controller.toggleSkipInactive();
+  };
+
   onMount(() => {
     // runtime type check
     if (speedOption !== undefined && typeOf(speedOption) !== 'array') {
@@ -167,12 +183,13 @@
   <div class="rr-player__frame" bind:this={frame} {style} />
   {#if replayer}
     <Controller
+      bind:this={controller}
       {replayer}
       {showController}
       {autoPlay}
       {speedOption}
       {skipInactive}
       {tags}
-      on:fullscreen={() => fullscreen()} />
+      on:fullscreen={() => toggleFullscreen()} />
   {/if}
 </div>
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 72b23589..a44558a1 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -20,4 +20,7 @@ export default class rrwebPlayer {
   addEventListener(event: string, handler: () => unknown): void;
 
   addEvent(event: eventWithTime): void;
+  toggle: () => void;
+  setSpeed: (speed: number) => void;
+  toggleSkipInactive: () => void;
 }

From a5d77ea4f011e62020816e65ad2682eb25712972 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 259/345] add iframe load timeout

---
 src/snapshot.ts       | 67 +++++++++++++++++++++++++++++--------------
 typings/snapshot.d.ts |  2 ++
 2 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 9ddc39d5..77544656 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -200,14 +200,26 @@ export function _isBlockedElement(
 function onceIframeLoaded(
   iframeEl: HTMLIFrameElement,
   listener: () => unknown,
+  iframeLoadTimeout: number,
 ) {
   const win = iframeEl.contentWindow;
   if (!win) {
     return;
   }
   // document is loading
+  let fired = false;
   if (win.document.readyState !== 'complete') {
-    iframeEl.addEventListener('load', listener);
+    const timer = setTimeout(() => {
+      if (!fired) {
+        listener();
+        fired = true;
+      }
+    }, iframeLoadTimeout);
+    iframeEl.addEventListener('load', () => {
+      clearTimeout(timer);
+      fired = true;
+      listener();
+    });
     return;
   }
   // check blank frame for Chrome
@@ -519,6 +531,7 @@ export function serializeNodeWithId(
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
+    iframeLoadTimeout?: number;
   },
 ): serializedNodeWithId | null {
   const {
@@ -533,6 +546,7 @@ export function serializeNodeWithId(
     recordCanvas = false,
     onSerialize,
     onIframeLoad,
+    iframeLoadTimeout = 5000,
   } = options;
   let { preserveWhiteSpace = true } = options;
   const _serializedNode = serializeNode(n, {
@@ -606,6 +620,7 @@ export function serializeNodeWithId(
         preserveWhiteSpace,
         onSerialize,
         onIframeLoad,
+        iframeLoadTimeout,
       });
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
@@ -617,29 +632,34 @@ export function serializeNodeWithId(
     serializedNode.type === NodeType.Element &&
     serializedNode.tagName === 'iframe'
   ) {
-    onceIframeLoaded(n as HTMLIFrameElement, () => {
-      const iframeDoc = (n as HTMLIFrameElement).contentDocument;
-      if (iframeDoc && onIframeLoad) {
-        const serializedIframeNode = serializeNodeWithId(iframeDoc, {
-          doc: iframeDoc,
-          map,
-          blockClass,
-          blockSelector,
-          skipChild: false,
-          inlineStylesheet,
-          maskInputOptions,
-          slimDOMOptions,
-          recordCanvas,
-          preserveWhiteSpace,
-          onSerialize,
-          onIframeLoad,
-        });
+    onceIframeLoaded(
+      n as HTMLIFrameElement,
+      () => {
+        const iframeDoc = (n as HTMLIFrameElement).contentDocument;
+        if (iframeDoc && onIframeLoad) {
+          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+            doc: iframeDoc,
+            map,
+            blockClass,
+            blockSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            slimDOMOptions,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+          });
 
-        if (serializedIframeNode) {
-          onIframeLoad(n as INode, serializedIframeNode);
+          if (serializedIframeNode) {
+            onIframeLoad(n as INode, serializedIframeNode);
+          }
         }
-      }
-    });
+      },
+      iframeLoadTimeout,
+    );
   }
 
   return serializedNode;
@@ -657,6 +677,7 @@ function snapshot(
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
+    iframeLoadTimeout?: number;
   },
 ): [serializedNodeWithId | null, idNodeMap] {
   const {
@@ -669,6 +690,7 @@ function snapshot(
     preserveWhiteSpace,
     onSerialize,
     onIframeLoad,
+    iframeLoadTimeout,
   } = options || {};
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
@@ -725,6 +747,7 @@ function snapshot(
       preserveWhiteSpace,
       onSerialize,
       onIframeLoad,
+      iframeLoadTimeout,
     }),
     idNodeMap,
   ];
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 053e3a19..296aaa83 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -17,6 +17,7 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
+    iframeLoadTimeout?: number;
 }): serializedNodeWithId | null;
 declare function snapshot(n: Document, options?: {
     blockClass?: string | RegExp;
@@ -28,6 +29,7 @@ declare function snapshot(n: Document, options?: {
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
+    iframeLoadTimeout?: number;
 }): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export declare function cleanupSnapshot(): void;

From ee5727a5f8fae18ce7f57b5aceaecca4b98dc72c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 260/345] Release 0.5.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8e87165a..88eef7cf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 4d186077f4928f6e98ff22d2dabf2c94304d1aa6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 261/345] Release 1.0.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d18497ae..fb88e6d5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From 4e1525a05e63f944a7c002318cb9b4b1c1c2780b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 262/345] dispatch ui events

---
 public/index.html     |  1 +
 src/Controller.svelte |  4 ++++
 src/Player.svelte     | 14 ++++++++++++--
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index e05b1b83..6cedf6c4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,5 +28,6 @@
     });
     window.$c = component;
     component.addEventListener('finish', () => console.log('finish'));
+    // component.addEventListener('ui-update-progress', console.log);
   </script>
 </html>
diff --git a/src/Controller.svelte b/src/Controller.svelte
index 22e30c58..54737320 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -26,6 +26,9 @@
   export let tags: Record<string, string> = {};
 
   let currentTime = 0;
+  $: {
+    dispatch('ui-update-current-time', { payload: currentTime });
+  }
   let timer: number | null = null;
   let playerState: 'playing' | 'paused' | 'live';
   let speedState: 'normal' | 'skipping';
@@ -39,6 +42,7 @@
   $: {
     const percent = Math.min(1, currentTime / meta.totalTime);
     percentage = `${100 * percent}%`;
+    dispatch('ui-update-progress', { payload: percent });
   }
   type CustomEvent = {
     name: string;
diff --git a/src/Player.svelte b/src/Player.svelte
index db276b61..528da5b6 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -36,7 +36,7 @@
     toggle: () => void;
     setSpeed: (speed: number) => void;
     toggleSkipInactive: () => void;
-  };
+  } & Controller;
 
   let style: string;
   $: style = inlineCss({
@@ -65,8 +65,18 @@
     }
   };
 
-  export const addEventListener = (event: string, handler: () => unknown) => {
+  export const addEventListener = (
+    event: string,
+    handler: (detail: unknown) => unknown,
+  ) => {
     replayer.on(event, handler);
+    switch (event) {
+      case 'ui-update-current-time':
+      case 'ui-update-progress':
+        controller.$on(event, ({ detail }) => handler(detail));
+      default:
+        break;
+    }
   };
 
   export const addEvent = (event: eventWithTime) => {

From d449a1263d4ad1b92fe02b2f19186ca3cfc60f1b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 263/345] safe access iframe document

---
 src/snapshot.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 77544656..2c0f67e4 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -208,7 +208,14 @@ function onceIframeLoaded(
   }
   // document is loading
   let fired = false;
-  if (win.document.readyState !== 'complete') {
+
+  let readyState: DocumentReadyState;
+  try {
+    readyState = win.document.readyState;
+  } catch (error) {
+    return;
+  }
+  if (readyState !== 'complete') {
     const timer = setTimeout(() => {
       if (!fired) {
         listener();

From beac8ddd6b7dd4e0550ab8b716ff27e4f0a1c39a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 264/345] export more public APIs to customize UI

---
 src/Controller.svelte |  3 +++
 src/Player.svelte     |  3 +++
 typings/index.d.ts    |  6 +++++-
 yarn.lock             | 40 ++++++++++++++++++++--------------------
 4 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/Controller.svelte b/src/Controller.svelte
index 54737320..84cb6845 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -31,6 +31,9 @@
   }
   let timer: number | null = null;
   let playerState: 'playing' | 'paused' | 'live';
+  $: {
+    dispatch('ui-update-player-state', { payload: playerState });
+  }
   let speedState: 'normal' | 'skipping';
   let progress: HTMLElement;
   let step: HTMLElement;
diff --git a/src/Player.svelte b/src/Player.svelte
index 528da5b6..9067c7e2 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -73,6 +73,7 @@
     switch (event) {
       case 'ui-update-current-time':
       case 'ui-update-progress':
+      case 'ui-update-player-state':
         controller.$on(event, ({ detail }) => handler(detail));
       default:
         break;
@@ -82,6 +83,8 @@
   export const addEvent = (event: eventWithTime) => {
     replayer.addEvent(event);
   };
+  export const getMetaData = () => replayer.getMetaData();
+  export const getReplayer = () => replayer;
 
   // by pass controller methods as public API
   export const toggle = () => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index a44558a1..ca0c7bdc 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,5 @@
 import { eventWithTime } from 'rrweb/typings/types';
+import { Replayer } from 'rrweb';
 
 export default class rrwebPlayer {
   constructor(options: {
@@ -17,9 +18,12 @@ export default class rrwebPlayer {
     };
   });
 
-  addEventListener(event: string, handler: () => unknown): void;
+  addEventListener(event: string, handler: (params: any) => unknown): void;
 
   addEvent(event: eventWithTime): void;
+  getMetaData: Replayer['getMetaData'];
+  getReplayer: () => Replayer;
+
   toggle: () => void;
   setSpeed: (speed: number) => void;
   toggleSkipInactive: () => void;
diff --git a/yarn.lock b/yarn.lock
index cdd87770..43d7e6c6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11,12 +11,12 @@
 
 "@babel/helper-validator-identifier@^7.10.4":
   version "7.10.4"
-  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
   integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
 
 "@babel/highlight@^7.10.4":
   version "7.10.4"
-  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
   integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
   dependencies:
     "@babel/helper-validator-identifier" "^7.10.4"
@@ -317,7 +317,7 @@ braces@~3.0.2:
 
 buffer-from@^1.0.0:
   version "1.1.1"
-  resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
   integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
 
 builtin-modules@^3.1.0:
@@ -332,7 +332,7 @@ callsites@^3.0.0:
 
 chalk@^2.0.0, chalk@^2.4.1:
   version "2.4.2"
-  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
   dependencies:
     ansi-styles "^3.2.1"
@@ -364,7 +364,7 @@ chokidar@^3.3.0:
 
 color-convert@^1.9.0:
   version "1.9.3"
-  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
   dependencies:
     color-name "1.1.3"
@@ -378,7 +378,7 @@ color-convert@^2.0.1:
 
 color-name@1.1.3:
   version "1.1.3"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
 color-name@~1.1.4:
@@ -388,7 +388,7 @@ color-name@~1.1.4:
 
 commander@^2.20.0:
   version "2.20.3"
-  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
 commondir@^1.0.1:
@@ -476,7 +476,7 @@ error-ex@^1.3.1:
 
 escape-string-regexp@^1.0.5:
   version "1.0.5"
-  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
 eslint-config-google@^0.11.0:
@@ -591,7 +591,7 @@ estraverse@^5.1.0:
 
 estree-walker@^0.6.1:
   version "0.6.1"
-  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
   integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
 
 estree-walker@^1.0.1:
@@ -711,7 +711,7 @@ globby@^6.1.0:
 
 has-flag@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
 has-flag@^4.0.0:
@@ -803,7 +803,7 @@ isexe@^2.0.0:
 
 jest-worker@^24.9.0:
   version "24.9.0"
-  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
   integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
   dependencies:
     merge-stream "^2.0.0"
@@ -811,7 +811,7 @@ jest-worker@^24.9.0:
 
 js-tokens@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 js-yaml@^3.13.1:
@@ -901,7 +901,7 @@ magic-string@^0.25.2, magic-string@^0.25.3:
 
 merge-stream@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
 mime@^2.3.1:
@@ -1197,7 +1197,7 @@ rollup-plugin-svelte@^5.0.3:
 
 rollup-plugin-terser@^5.1.2:
   version "5.3.0"
-  resolved "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz#9c0dd33d5771df9630cd027d6a2559187f65885e"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz#9c0dd33d5771df9630cd027d6a2559187f65885e"
   integrity sha512-XGMJihTIO3eIBsVGq7jiNYOdDMb3pVxuzY0uhOE/FM4x/u9nQgr3+McsjzqBn3QfHIpNSZmFnpoKAwHBEcsT7g==
   dependencies:
     "@babel/code-frame" "^7.5.5"
@@ -1208,7 +1208,7 @@ rollup-plugin-terser@^5.1.2:
 
 rollup-pluginutils@^2.8.2:
   version "2.8.2"
-  resolved "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
+  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
   integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
   dependencies:
     estree-walker "^0.6.1"
@@ -1253,7 +1253,7 @@ semver@^7.2.1, semver@^7.3.2:
 
 serialize-javascript@^2.1.2:
   version "2.1.2"
-  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
   integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
 
 shebang-command@^2.0.0:
@@ -1305,7 +1305,7 @@ smoothscroll-polyfill@^0.4.3:
 
 source-map-support@~0.5.12:
   version "0.5.19"
-  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
   integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
   dependencies:
     buffer-from "^1.0.0"
@@ -1368,14 +1368,14 @@ strip-json-comments@^3.1.0:
 
 supports-color@^5.3.0, supports-color@^5.4.0:
   version "5.5.0"
-  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
   dependencies:
     has-flag "^3.0.0"
 
 supports-color@^6.1.0:
   version "6.1.0"
-  resolved "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
   integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
   dependencies:
     has-flag "^3.0.0"
@@ -1469,7 +1469,7 @@ table@^5.2.3:
 
 terser@^4.6.2:
   version "4.8.0"
-  resolved "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
   integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
   dependencies:
     commander "^2.20.0"

From 3d463d219cf8cd8dbbb8dbe002d05997e4b99801 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 265/345] Release 1.0.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fb88e6d5..f62d66a2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",

From f5e4887090c11390d6efa9d0a988fbc400e43f10 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 266/345] Release 0.5.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 88eef7cf..1f072264 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 17b1821a15218caa65f1dd3aaef089385b3e0eae Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 267/345] Adding prepare & prepack npm statement (#67)

* Add prepare & prepack

* Create .npmignore

* remove node_modules, they might be needed
---
 .npmignore   | 2 ++
 package.json | 2 ++
 2 files changed, 4 insertions(+)
 create mode 100644 .npmignore

diff --git a/.npmignore b/.npmignore
new file mode 100644
index 00000000..d631984d
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,2 @@
+.vscode
+package-lock.json
diff --git a/package.json b/package.json
index f62d66a2..5c177d94 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,8 @@
   "version": "1.0.7",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
+    "prepare": "npm run prepack",
+    "prepack": "npm run bundle",
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
     "bundle": "rollup --config",
     "typings": "tsc -d --declarationDir typings"

From eafa09c6923ca88f34487ad064cb6155d517bbb7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 268/345] upgrade to rrweb 0.9.2

---
 package.json       |  2 +-
 public/index.html  |  5 ++++-
 src/Player.svelte  |  8 ++++++--
 typings/index.d.ts |  6 ++++--
 yarn.lock          | 30 +++++++++---------------------
 5 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 1f072264..c398c1b3 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.0"
+    "rrweb": "^0.9.2"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/public/index.html b/public/index.html
index 6cedf6c4..032a9068 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,10 @@
         skipInactive: true,
         showDebug: false,
         showWarning: false,
-        autoPlay: false,
+        autoPlay: true,
+        mouseTail: {
+          strokeStyle: 'yellow',
+        },
       },
     });
     window.$c = component;
diff --git a/src/Player.svelte b/src/Player.svelte
index 9067c7e2..70bca1ed 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
-  import { Replayer, unpack } from 'rrweb';
-  import type { eventWithTime } from 'rrweb/typings/types';
+  import { Replayer, unpack, mirror } from 'rrweb';
+  import type { eventWithTime, playerConfig } from 'rrweb/typings/types';
   import {
     inlineCss,
     openFullscreen,
@@ -23,6 +23,9 @@
   export let showWarning: boolean = true;
   export let showDebug: boolean = true;
   export let tags: Record<string, string> = {};
+  export let mouseTail: playerConfig['mouseTail'] = true;
+
+  export const getMirror = () => mirror;
 
   const controllerHeight = 80;
   let speed = 1;
@@ -127,6 +130,7 @@
       showDebug,
       triggerFocus,
       unpackFn: unpack,
+      mouseTail,
     });
 
     replayer.on('resize', (dimension) => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index ca0c7bdc..67625dc5 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,5 +1,5 @@
-import { eventWithTime } from 'rrweb/typings/types';
-import { Replayer } from 'rrweb';
+import { eventWithTime, playerConfig } from 'rrweb/typings/types';
+import { Replayer, mirror } from 'rrweb';
 
 export default class rrwebPlayer {
   constructor(options: {
@@ -15,6 +15,7 @@ export default class rrwebPlayer {
       showWarning?: boolean;
       showDebug?: boolean;
       tags?: Record<string, string>;
+      mouseTail?: playerConfig['mouseTail'];
     };
   });
 
@@ -23,6 +24,7 @@ export default class rrwebPlayer {
   addEvent(event: eventWithTime): void;
   getMetaData: Replayer['getMetaData'];
   getReplayer: () => Replayer;
+  getMirror: () => typeof mirror;
 
   toggle: () => void;
   setSpeed: (speed: number) => void;
diff --git a/yarn.lock b/yarn.lock
index 43d7e6c6..e09373f5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -133,11 +133,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/smoothscroll-polyfill@^0.3.0":
-  version "0.3.1"
-  resolved "https://registry.npmjs.org/@types/smoothscroll-polyfill/-/smoothscroll-polyfill-0.3.1.tgz#77fb3a6e116bdab4a5959122e3b8e201224dcd49"
-  integrity sha512-+KkHw4y+EyeCtVXET7woHUhIbfWFCflc0E0mZnSV+ZdjPQeHt/9KPEuT7gSW/kFQ8O3EG30PLO++YhChDt8+Ag==
-
 "@typescript-eslint/eslint-plugin@^3.7.0":
   version "3.7.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.7.0.tgz#0f91aa3c83d019591719e597fbdb73a59595a263"
@@ -1222,22 +1217,20 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-0.8.0.tgz#43f119407cb7ec0fdbb30056d6149b1a2c76b79b"
-  integrity sha512-rPQmgragMixTOGQNtMDI31XzpbtaXt2aIB98LNqkeOjaCeo46+B1rxAMLsT3FDFFgmq8vo/cS101H6wiiyuwew==
+rrweb-snapshot@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
+  integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.0.tgz#94e5370b931fcbad61280845a540f39a3e8eb13a"
-  integrity sha512-sfLu1Wu7rE85mZu0kSvdVoM3VwDNo1SPqnz7wl96sIC0RchcthxifhMLrldmI9/btdGCi8jJrpcEnuW09vpdWw==
+rrweb@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.2.tgz#cc2a5b8072fcd652a039d3602759479624b4b026"
+  integrity sha512-4Yy4LEKHM4bFn8DlBn1hM9mjxlfyv7iMdO7VAJixCgg+Jy+RiE2dY7fDqU6LHyjMFTwF7G11knGHg0Dz2AOhkA==
   dependencies:
-    "@types/smoothscroll-polyfill" "^0.3.0"
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"
     pako "^1.0.11"
-    rrweb-snapshot "^0.8.0"
-    smoothscroll-polyfill "^0.4.3"
+    rrweb-snapshot "^0.8.2"
 
 sade@^1.4.0:
   version "1.7.3"
@@ -1298,11 +1291,6 @@ slice-ansi@^2.1.0:
     astral-regex "^1.0.0"
     is-fullwidth-code-point "^2.0.0"
 
-smoothscroll-polyfill@^0.4.3:
-  version "0.4.4"
-  resolved "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
-  integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
-
 source-map-support@~0.5.12:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"

From c09ee435d883b9fe4847e26cf118d4d93bb433be Mon Sep 17 00:00:00 2001
From: Province Innovation
 <69924001+provinceinnovation@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 269/345] Valid tag names can include any digit [0-9] (#66)

---
 src/snapshot.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 2c0f67e4..c01f5b2c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -10,7 +10,7 @@ import {
 } from './types';
 
 let _id = 1;
-const tagNameRegex = RegExp('[^a-z1-6-_]');
+const tagNameRegex = RegExp('[^a-z0-9-_]');
 
 export const IGNORED_NODE = -2;
 

From f3e96622de6a21a24dce7dfdeeaebb67316681a0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 270/345] Release 0.5.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c398c1b3..cbe980f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 7cb4a255973f82eec1a0cf0ae56d55bbfb98c94c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 271/345] using for loop instead of forEach in element
 classlists pick #64 and close #68

---
 src/snapshot.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index c01f5b2c..e5f79f35 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -183,11 +183,13 @@ export function _isBlockedElement(
       return true;
     }
   } else {
-    element.classList.forEach((className) => {
+    // tslint:disable-next-line: prefer-for-of
+    for (let eIndex = 0; eIndex < element.classList.length; eIndex++) {
+      const className = element.classList[eIndex];
       if (blockClass.test(className)) {
         return true;
       }
-    });
+    }
   }
   if (blockSelector) {
     return element.matches(blockSelector);

From fa185e9a87652f3209165e5321eca82249d44299 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 272/345] impl apis: play, pause, goto

---
 src/Controller.svelte | 46 ++++++++++++++++++++++++++++++-------------
 src/Player.svelte     |  9 +++++++++
 typings/index.d.ts    |  3 +++
 3 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/Controller.svelte b/src/Controller.svelte
index 84cb6845..4644ccfb 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -112,21 +112,45 @@
   export const toggle = () => {
     switch (playerState) {
       case 'playing':
-        replayer.pause();
+        pause();
         break;
       case 'paused':
-        if (finished) {
-          replayer.play();
-          finished = false;
-        } else {
-          replayer.play(currentTime);
-        }
+        play();
         break;
       default:
         break;
     }
   };
 
+  export const play = () => {
+    if (playerState !== 'paused') {
+      return;
+    }
+    if (finished) {
+      replayer.play();
+      finished = false;
+    } else {
+      replayer.play(currentTime);
+    }
+  };
+
+  export const pause = () => {
+    if (playerState !== 'playing') {
+      return;
+    }
+    replayer.pause();
+  };
+
+  export const goto = (timeOffset: number) => {
+    currentTime = timeOffset;
+    const isPlaying = playerState === 'playing';
+    replayer.pause();
+    replayer.play(timeOffset);
+    if (!isPlaying) {
+      replayer.pause();
+    }
+  };
+
   const handleProgressClick = (event: MouseEvent) => {
     if (speedState === 'skipping') {
       return;
@@ -140,13 +164,7 @@
       percent = 1;
     }
     const timeOffset = meta.totalTime * percent;
-    currentTime = timeOffset;
-    const isPlaying = playerState === 'playing';
-    replayer.pause();
-    replayer.play(timeOffset);
-    if (!isPlaying) {
-      replayer.pause();
-    }
+    goto(timeOffset);
   };
 
   export const setSpeed = (newSpeed: number) => {
diff --git a/src/Player.svelte b/src/Player.svelte
index 70bca1ed..9b0b793b 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -99,6 +99,15 @@
   export const toggleSkipInactive = () => {
     controller.toggleSkipInactive();
   };
+  export const play = () => {
+    controller.play();
+  };
+  export const pause = () => {
+    controller.pause();
+  };
+  export const goto = (timeOffset: number) => {
+    controller.goto(timeOffset);
+  };
 
   onMount(() => {
     // runtime type check
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 67625dc5..4e83e38b 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -29,4 +29,7 @@ export default class rrwebPlayer {
   toggle: () => void;
   setSpeed: (speed: number) => void;
   toggleSkipInactive: () => void;
+  play: () => void;
+  pause: () => void;
+  goto: (timeOffset: number) => void;
 }

From be2648054cb4ee6d344739387bef2b64081caad3 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 273/345] Found an example in the wild of the deprecated
 pre-css way of adding a background image to table cells (#69)

---
 src/snapshot.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index e5f79f35..ad220d06 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -158,12 +158,15 @@ function getHref() {
 
 export function transformAttribute(
   doc: Document,
+  tagName: string,
   name: string,
   value: string,
 ): string {
   // relative path in attribute
   if (name === 'src' || ((name === 'href' || name === 'xlink:href') && value)) {
     return absoluteToDoc(doc, value);
+  } else if (name === 'background' && value && (tagName === 'table' || tagName == 'td' || tagName == 'th')) {
+    return absoluteToDoc(doc, value);
   } else if (name === 'srcset' && value) {
     return getAbsoluteSrcsetString(doc, value);
   } else if (name === 'style' && value) {
@@ -294,7 +297,7 @@ function serializeNode(
       const tagName = getValidTagName(n as HTMLElement);
       let attributes: attributes = {};
       for (const { name, value } of Array.from((n as HTMLElement).attributes)) {
-        attributes[name] = transformAttribute(doc, name, value);
+        attributes[name] = transformAttribute(doc, tagName, name, value);
       }
       // remote css
       if (tagName === 'link' && inlineStylesheet) {

From 577c00962c7a47f2e0f433dcecc26b0b5bf24df4 Mon Sep 17 00:00:00 2001
From: DiaNiki <45599286+DiaNiki@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 274/345] Add UNSAFE_replayCanvas. (#36)

---
 src/Player.svelte  | 2 ++
 typings/index.d.ts | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/Player.svelte b/src/Player.svelte
index 9b0b793b..5c84064e 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -24,6 +24,7 @@
   export let showDebug: boolean = true;
   export let tags: Record<string, string> = {};
   export let mouseTail: playerConfig['mouseTail'] = true;
+  export let UNSAFE_replayCanvas: boolean = false;
 
   export const getMirror = () => mirror;
 
@@ -140,6 +141,7 @@
       triggerFocus,
       unpackFn: unpack,
       mouseTail,
+      UNSAFE_replayCanvas,
     });
 
     replayer.on('resize', (dimension) => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 4e83e38b..40d19460 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -16,6 +16,7 @@ export default class rrwebPlayer {
       showDebug?: boolean;
       tags?: Record<string, string>;
       mouseTail?: playerConfig['mouseTail'];
+      UNSAFE_replayCanvas?: boolean;
     };
   });
 

From af000d4a7ab5aab004d27daf80425ef5f4a16311 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 275/345] add typings script to prepack

---
 package.json    | 2 +-
 src/snapshot.ts | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 5c177d94..1881d217 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",
-    "prepack": "npm run bundle",
+    "prepack": "npm run bundle && npm run typings",
     "test": "cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.ts",
     "bundle": "rollup --config",
     "typings": "tsc -d --declarationDir typings"
diff --git a/src/snapshot.ts b/src/snapshot.ts
index ad220d06..09991b14 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -165,7 +165,11 @@ export function transformAttribute(
   // relative path in attribute
   if (name === 'src' || ((name === 'href' || name === 'xlink:href') && value)) {
     return absoluteToDoc(doc, value);
-  } else if (name === 'background' && value && (tagName === 'table' || tagName == 'td' || tagName == 'th')) {
+  } else if (
+    name === 'background' &&
+    value &&
+    (tagName === 'table' || tagName === 'td' || tagName === 'th')
+  ) {
     return absoluteToDoc(doc, value);
   } else if (name === 'srcset' && value) {
     return getAbsoluteSrcsetString(doc, value);

From 4d393174d57e6f2f909c5c142f09f149bef5b4d9 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 276/345] close #33 upgrade rrweb

---
 package.json          | 2 +-
 src/Controller.svelte | 2 +-
 typings/index.d.ts    | 3 ++-
 yarn.lock             | 8 ++++----
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index cbe980f3..bce6d7f6 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.2"
+    "rrweb": "^0.9.3"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.svelte b/src/Controller.svelte
index 4644ccfb..38292dfc 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -92,7 +92,7 @@
     stopTimer();
 
     function update() {
-      currentTime = replayer.timer.timeOffset + replayer.getTimeOffset();
+      currentTime = replayer.getCurrentTime();
 
       if (currentTime < meta.totalTime) {
         timer = requestAnimationFrame(update);
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 40d19460..f844d4ae 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,7 +1,8 @@
 import { eventWithTime, playerConfig } from 'rrweb/typings/types';
 import { Replayer, mirror } from 'rrweb';
+import { SvelteComponent } from 'svelte';
 
-export default class rrwebPlayer {
+export default class rrwebPlayer extends SvelteComponent {
   constructor(options: {
     target: HTMLElement;
     props: {
diff --git a/yarn.lock b/yarn.lock
index e09373f5..cfaa9c34 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,10 +1222,10 @@ rrweb-snapshot@^0.8.2:
   resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
   integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.2:
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.2.tgz#cc2a5b8072fcd652a039d3602759479624b4b026"
-  integrity sha512-4Yy4LEKHM4bFn8DlBn1hM9mjxlfyv7iMdO7VAJixCgg+Jy+RiE2dY7fDqU6LHyjMFTwF7G11knGHg0Dz2AOhkA==
+rrweb@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.3.tgz#f783ab10e4201143c3381e0efb6f59fec0988608"
+  integrity sha512-rno2FgBFxhHAGZD+7mE6aYlIzvChys4kjQj0bD7yeEQL+BoPtNYKufDYV8w3ZjtyC1LPUDZy092fxlrQsXVFpQ==
   dependencies:
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"

From 105268f47248a23550d6f4825b36d64fab391e63 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 277/345] snapshot and rebuild shadow DOM
 https://github.com/rrweb-io/rrweb/issues/38

---
 .gitignore                             |   1 +
 src/rebuild.ts                         |  26 +-
 src/snapshot.ts                        |  43 ++-
 src/types.ts                           |   2 +
 src/utils.ts                           |   5 +
 test/__snapshots__/integration.ts.snap | 400 +++++++++++++++++++++++++
 test/html/shadow-dom.html              | 209 +++++++++++++
 test/integration.ts                    |  47 +++
 8 files changed, 717 insertions(+), 16 deletions(-)
 create mode 100644 src/utils.ts
 create mode 100644 test/html/shadow-dom.html

diff --git a/.gitignore b/.gitignore
index 2c597d03..3365d492 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ build
 dist
 es
 lib
+temp
diff --git a/src/rebuild.ts b/src/rebuild.ts
index 8091be3b..9ab83156 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -7,6 +7,7 @@ import {
   idNodeMap,
   INode,
 } from './types';
+import { isElement } from './utils';
 
 const tagMap: tagMap = {
   script: 'noscript',
@@ -177,6 +178,25 @@ function buildNode(
           }
         }
       }
+      if (n.isShadowHost) {
+        /**
+         * Since node is newly rebuilt, it should be a normal element
+         * without shadowRoot.
+         * But if there are some weird situations that has defined
+         * custom element in the scope before we rebuild node, it may
+         * register the shadowRoot earlier.
+         * The logic in the 'else' block is just a try-my-best solution
+         * for the corner case, please let we know if it is wrong and
+         * we can remove it.
+         */
+        if (!node.shadowRoot) {
+          node.attachShadow({ mode: 'open' });
+        } else {
+          while (node.shadowRoot.firstChild) {
+            node.shadowRoot.removeChild(node.shadowRoot.firstChild);
+          }
+        }
+      }
       return node;
     case NodeType.Text:
       return doc.createTextNode(
@@ -240,7 +260,11 @@ export function buildNodeWithSN(
         continue;
       }
 
-      node.appendChild(childNode);
+      if (childN.isShadow && isElement(node) && node.shadowRoot) {
+        node.shadowRoot.appendChild(childNode);
+      } else {
+        node.appendChild(childNode);
+      }
       if (afterAppend) {
         afterAppend(childNode);
       }
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 09991b14..62832cc0 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,6 +8,7 @@ import {
   MaskInputOptions,
   SlimDOMOptions,
 } from './types';
+import { isElement } from './utils';
 
 let _id = 1;
 const tagNameRegex = RegExp('[^a-z0-9-_]');
@@ -622,26 +623,38 @@ export function serializeNodeWithId(
     ) {
       preserveWhiteSpace = false;
     }
+    const bypassOptions = {
+      doc,
+      map,
+      blockClass,
+      blockSelector,
+      skipChild,
+      inlineStylesheet,
+      maskInputOptions,
+      slimDOMOptions,
+      recordCanvas,
+      preserveWhiteSpace,
+      onSerialize,
+      onIframeLoad,
+      iframeLoadTimeout,
+    };
     for (const childN of Array.from(n.childNodes)) {
-      const serializedChildNode = serializeNodeWithId(childN, {
-        doc,
-        map,
-        blockClass,
-        blockSelector,
-        skipChild,
-        inlineStylesheet,
-        maskInputOptions,
-        slimDOMOptions,
-        recordCanvas,
-        preserveWhiteSpace,
-        onSerialize,
-        onIframeLoad,
-        iframeLoadTimeout,
-      });
+      const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);
       }
     }
+
+    if (isElement(n) && n.shadowRoot) {
+      serializedNode.isShadowHost = true;
+      for (const childN of Array.from(n.shadowRoot.childNodes)) {
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        if (serializedChildNode) {
+          serializedChildNode.isShadow = true;
+          serializedNode.childNodes.push(serializedChildNode);
+        }
+      }
+    }
   }
 
   if (
diff --git a/src/types.ts b/src/types.ts
index 3ae2d76f..0a9eb630 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -56,6 +56,8 @@ export type serializedNode = (
   | commentNode
 ) & {
   rootId?: number;
+  isShadowHost?: boolean;
+  isShadow?: boolean;
 };
 
 export type serializedNodeWithId = serializedNode & { id: number };
diff --git a/src/utils.ts b/src/utils.ts
new file mode 100644
index 00000000..de0e1e8c
--- /dev/null
+++ b/src/utils.ts
@@ -0,0 +1,5 @@
+import { INode } from './types';
+
+export function isElement(n: Node | INode): n is Element {
+  return n.nodeType === n.ELEMENT_NODE;
+}
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 75734c14..e6577820 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -211,6 +211,25 @@ exports[`[html file]: picture.html 1`] = `
   </body></html>"
 `;
 
+exports[`[html file]: shadow-dom.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <title>shadow DOM</title>
+  </head>
+  <body>
+    <fancy-tabs background=\\"\\" role=\\"tablist\\" selected=\\"1\\">
+      <button slot=\\"title\\" role=\\"tab\\" tabindex=\\"-1\\" aria-selected=\\"false\\">Tab 1</button>
+      <button slot=\\"title\\" selected=\\"\\" role=\\"tab\\" tabindex=\\"0\\" aria-selected=\\"true\\">Tab 2</button>
+      <button slot=\\"title\\" role=\\"tab\\" tabindex=\\"-1\\" aria-selected=\\"false\\">Tab 3</button>
+      <section role=\\"tabpanel\\" tabindex=\\"0\\" aria-hidden=\\"true\\">content panel 1</section>
+      <section role=\\"tabpanel\\" tabindex=\\"0\\" aria-hidden=\\"false\\">content panel 2</section>
+      <section role=\\"tabpanel\\" tabindex=\\"0\\" aria-hidden=\\"true\\">content panel 3</section>
+    </fancy-tabs>
+    <noscript>SCRIPT_PLACEHOLDER</noscript>
+  </body></html>"
+`;
+
 exports[`[html file]: video.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
     <meta charset=\\"UTF-8\\" />
@@ -409,3 +428,384 @@ exports[`iframe integration tests 1`] = `
   \\"id\\": 1
 }"
 `;
+
+exports[`shadown DOM integration tests 1`] = `
+"{
+  \\"type\\": 0,
+  \\"childNodes\\": [
+    {
+      \\"type\\": 1,
+      \\"name\\": \\"html\\",
+      \\"publicId\\": \\"\\",
+      \\"systemId\\": \\"\\",
+      \\"id\\": 2
+    },
+    {
+      \\"type\\": 2,
+      \\"tagName\\": \\"html\\",
+      \\"attributes\\": {
+        \\"lang\\": \\"en\\"
+      },
+      \\"childNodes\\": [
+        {
+          \\"type\\": 2,
+          \\"tagName\\": \\"head\\",
+          \\"attributes\\": {},
+          \\"childNodes\\": [
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 5
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"meta\\",
+              \\"attributes\\": {
+                \\"charset\\": \\"UTF-8\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 6
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 7
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"meta\\",
+              \\"attributes\\": {
+                \\"name\\": \\"viewport\\",
+                \\"content\\": \\"width=device-width, initial-scale=1.0\\"
+              },
+              \\"childNodes\\": [],
+              \\"id\\": 8
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 9
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"title\\",
+              \\"attributes\\": {},
+              \\"childNodes\\": [
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"shadow DOM\\",
+                  \\"id\\": 11
+                }
+              ],
+              \\"id\\": 10
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n  \\",
+              \\"id\\": 12
+            }
+          ],
+          \\"id\\": 4
+        },
+        {
+          \\"type\\": 3,
+          \\"textContent\\": \\"\\\\n  \\",
+          \\"id\\": 13
+        },
+        {
+          \\"type\\": 2,
+          \\"tagName\\": \\"body\\",
+          \\"attributes\\": {},
+          \\"childNodes\\": [
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 15
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"fancy-tabs\\",
+              \\"attributes\\": {
+                \\"background\\": \\"\\",
+                \\"role\\": \\"tablist\\",
+                \\"selected\\": \\"1\\"
+              },
+              \\"childNodes\\": [
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 17
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"button\\",
+                  \\"attributes\\": {
+                    \\"slot\\": \\"title\\",
+                    \\"role\\": \\"tab\\",
+                    \\"tabindex\\": \\"-1\\",
+                    \\"aria-selected\\": \\"false\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"Tab 1\\",
+                      \\"id\\": 19
+                    }
+                  ],
+                  \\"id\\": 18
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 20
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"button\\",
+                  \\"attributes\\": {
+                    \\"slot\\": \\"title\\",
+                    \\"selected\\": \\"\\",
+                    \\"role\\": \\"tab\\",
+                    \\"tabindex\\": \\"0\\",
+                    \\"aria-selected\\": \\"true\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"Tab 2\\",
+                      \\"id\\": 22
+                    }
+                  ],
+                  \\"id\\": 21
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 23
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"button\\",
+                  \\"attributes\\": {
+                    \\"slot\\": \\"title\\",
+                    \\"role\\": \\"tab\\",
+                    \\"tabindex\\": \\"-1\\",
+                    \\"aria-selected\\": \\"false\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"Tab 3\\",
+                      \\"id\\": 25
+                    }
+                  ],
+                  \\"id\\": 24
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 26
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"section\\",
+                  \\"attributes\\": {
+                    \\"role\\": \\"tabpanel\\",
+                    \\"tabindex\\": \\"0\\",
+                    \\"aria-hidden\\": \\"true\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"content panel 1\\",
+                      \\"id\\": 28
+                    }
+                  ],
+                  \\"id\\": 27
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 29
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"section\\",
+                  \\"attributes\\": {
+                    \\"role\\": \\"tabpanel\\",
+                    \\"tabindex\\": \\"0\\",
+                    \\"aria-hidden\\": \\"false\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"content panel 2\\",
+                      \\"id\\": 31
+                    }
+                  ],
+                  \\"id\\": 30
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n      \\",
+                  \\"id\\": 32
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"section\\",
+                  \\"attributes\\": {
+                    \\"role\\": \\"tabpanel\\",
+                    \\"tabindex\\": \\"0\\",
+                    \\"aria-hidden\\": \\"true\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"content panel 3\\",
+                      \\"id\\": 34
+                    }
+                  ],
+                  \\"id\\": 33
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n    \\",
+                  \\"id\\": 35
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n            \\",
+                  \\"id\\": 36,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"style\\",
+                  \\"attributes\\": {},
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"\\\\n              :host {\\\\n                display: inline-block;\\\\n                width: 650px;\\\\n                font-family: 'Roboto Slab';\\\\n                contain: content;\\\\n              }\\\\n              :host([background]) {\\\\n                background: var(--background-color, #9E9E9E);\\\\n                border-radius: 10px;\\\\n                padding: 10px;\\\\n              }\\\\n              #panels {\\\\n                box-shadow: 0 2px 2px rgba(0, 0, 0, .3);\\\\n                background: white;\\\\n                border-radius: 3px;\\\\n                padding: 16px;\\\\n                height: 250px;\\\\n                overflow: auto;\\\\n              }\\\\n              #tabs {\\\\n                display: inline-flex;\\\\n                -webkit-user-select: none;\\\\n                user-select: none;\\\\n              }\\\\n              #tabs slot {\\\\n                display: inline-flex; /* Safari bug. Treats <slot> as a parent */\\\\n              }\\\\n              /* Safari does not support #id prefixes on ::slotted\\\\n                 See https://bugs.webkit.org/show_bug.cgi?id=160538 */\\\\n              #tabs ::slotted(*) {\\\\n                font: 400 16px/22px 'Roboto';\\\\n                padding: 16px 8px;\\\\n                margin: 0;\\\\n                text-align: center;\\\\n                width: 100px;\\\\n                text-overflow: ellipsis;\\\\n                white-space: nowrap;\\\\n                overflow: hidden;\\\\n                cursor: pointer;\\\\n                border-top-left-radius: 3px;\\\\n                border-top-right-radius: 3px;\\\\n                background: linear-gradient(#fafafa, #eee);\\\\n                border: none; /* if the user users a <button> */\\\\n              }\\\\n              #tabs ::slotted([aria-selected=\\\\\\"true\\\\\\"]) {\\\\n                font-weight: 600;\\\\n                background: white;\\\\n                box-shadow: none;\\\\n              }\\\\n              #tabs ::slotted(:focus) {\\\\n                z-index: 1; /* make sure focus ring doesn't get buried */\\\\n              }\\\\n              #panels ::slotted([aria-hidden=\\\\\\"true\\\\\\"]) {\\\\n                display: none;\\\\n              }\\\\n            \\",
+                      \\"isStyle\\": true,
+                      \\"id\\": 38
+                    }
+                  ],
+                  \\"id\\": 37,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n            \\",
+                  \\"id\\": 39,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"div\\",
+                  \\"attributes\\": {
+                    \\"id\\": \\"tabs\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"\\\\n              \\",
+                      \\"id\\": 41
+                    },
+                    {
+                      \\"type\\": 2,
+                      \\"tagName\\": \\"slot\\",
+                      \\"attributes\\": {
+                        \\"id\\": \\"tabsSlot\\",
+                        \\"name\\": \\"title\\"
+                      },
+                      \\"childNodes\\": [],
+                      \\"id\\": 42
+                    },
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"\\\\n            \\",
+                      \\"id\\": 43
+                    }
+                  ],
+                  \\"id\\": 40,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n            \\",
+                  \\"id\\": 44,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 2,
+                  \\"tagName\\": \\"div\\",
+                  \\"attributes\\": {
+                    \\"id\\": \\"panels\\"
+                  },
+                  \\"childNodes\\": [
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"\\\\n              \\",
+                      \\"id\\": 46
+                    },
+                    {
+                      \\"type\\": 2,
+                      \\"tagName\\": \\"slot\\",
+                      \\"attributes\\": {
+                        \\"id\\": \\"panelsSlot\\"
+                      },
+                      \\"childNodes\\": [],
+                      \\"id\\": 47
+                    },
+                    {
+                      \\"type\\": 3,
+                      \\"textContent\\": \\"\\\\n            \\",
+                      \\"id\\": 48
+                    }
+                  ],
+                  \\"id\\": 45,
+                  \\"isShadow\\": true
+                },
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"\\\\n          \\",
+                  \\"id\\": 49,
+                  \\"isShadow\\": true
+                }
+              ],
+              \\"id\\": 16,
+              \\"isShadowHost\\": true
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n    \\",
+              \\"id\\": 50
+            },
+            {
+              \\"type\\": 2,
+              \\"tagName\\": \\"script\\",
+              \\"attributes\\": {},
+              \\"childNodes\\": [
+                {
+                  \\"type\\": 3,
+                  \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
+                  \\"id\\": 52
+                }
+              ],
+              \\"id\\": 51
+            },
+            {
+              \\"type\\": 3,
+              \\"textContent\\": \\"\\\\n  \\\\n\\\\n\\",
+              \\"id\\": 53
+            }
+          ],
+          \\"id\\": 14
+        }
+      ],
+      \\"id\\": 3
+    }
+  ],
+  \\"id\\": 1
+}"
+`;
diff --git a/test/html/shadow-dom.html b/test/html/shadow-dom.html
new file mode 100644
index 00000000..0050bede
--- /dev/null
+++ b/test/html/shadow-dom.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>shadow DOM</title>
+  </head>
+  <body>
+    <fancy-tabs background>
+      <button slot="title">Tab 1</button>
+      <button slot="title" selected>Tab 2</button>
+      <button slot="title">Tab 3</button>
+      <section>content panel 1</section>
+      <section>content panel 2</section>
+      <section>content panel 3</section>
+    </fancy-tabs>
+    <script>
+      (function () {
+        'use strict';
+
+        // Feature detect
+        if (!(window.customElements && document.body.attachShadow)) {
+          document.querySelector('fancy-tabs').innerHTML =
+            "<b>Your browser doesn't support Shadow DOM and Custom Elements v1.</b>";
+          return;
+        }
+
+        let selected_ = null;
+
+        // See https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel
+
+        customElements.define(
+          'fancy-tabs',
+          class extends HTMLElement {
+            constructor() {
+              super(); // always call super() first in the ctor.
+
+              // Create shadow DOM for the component.
+              let shadowRoot = this.attachShadow({ mode: 'open' });
+              shadowRoot.innerHTML = `
+            <style>
+              :host {
+                display: inline-block;
+                width: 650px;
+                font-family: 'Roboto Slab';
+                contain: content;
+              }
+              :host([background]) {
+                background: var(--background-color, #9E9E9E);
+                border-radius: 10px;
+                padding: 10px;
+              }
+              #panels {
+                box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
+                background: white;
+                border-radius: 3px;
+                padding: 16px;
+                height: 250px;
+                overflow: auto;
+              }
+              #tabs {
+                display: inline-flex;
+                -webkit-user-select: none;
+                user-select: none;
+              }
+              #tabs slot {
+                display: inline-flex; /* Safari bug. Treats <slot> as a parent */
+              }
+              /* Safari does not support #id prefixes on ::slotted
+                 See https://bugs.webkit.org/show_bug.cgi?id=160538 */
+              #tabs ::slotted(*) {
+                font: 400 16px/22px 'Roboto';
+                padding: 16px 8px;
+                margin: 0;
+                text-align: center;
+                width: 100px;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+                cursor: pointer;
+                border-top-left-radius: 3px;
+                border-top-right-radius: 3px;
+                background: linear-gradient(#fafafa, #eee);
+                border: none; /* if the user users a <button> */
+              }
+              #tabs ::slotted([aria-selected="true"]) {
+                font-weight: 600;
+                background: white;
+                box-shadow: none;
+              }
+              #tabs ::slotted(:focus) {
+                z-index: 1; /* make sure focus ring doesn't get buried */
+              }
+              #panels ::slotted([aria-hidden="true"]) {
+                display: none;
+              }
+            </style>
+            <div id="tabs">
+              <slot id="tabsSlot" name="title"></slot>
+            </div>
+            <div id="panels">
+              <slot id="panelsSlot"></slot>
+            </div>
+          `;
+            }
+
+            get selected() {
+              return selected_;
+            }
+
+            set selected(idx) {
+              selected_ = idx;
+              this._selectTab(idx);
+
+              // Updated the element's selected attribute value when
+              // backing property changes.
+              this.setAttribute('selected', idx);
+            }
+
+            connectedCallback() {
+              this.setAttribute('role', 'tablist');
+
+              const tabsSlot = this.shadowRoot.querySelector('#tabsSlot');
+              const panelsSlot = this.shadowRoot.querySelector('#panelsSlot');
+
+              this.tabs = tabsSlot.assignedNodes({ flatten: true });
+              this.panels = panelsSlot
+                .assignedNodes({ flatten: true })
+                .filter((el) => {
+                  return el.nodeType === Node.ELEMENT_NODE;
+                });
+
+              // Add aria role="tabpanel" to each content panel.
+              for (let [i, panel] of this.panels.entries()) {
+                panel.setAttribute('role', 'tabpanel');
+                panel.setAttribute('tabindex', 0);
+              }
+
+              // Save refer to we can remove listeners later.
+              this._boundOnTitleClick = this._onTitleClick.bind(this);
+              this._boundOnKeyDown = this._onKeyDown.bind(this);
+
+              tabsSlot.addEventListener('click', this._boundOnTitleClick);
+              tabsSlot.addEventListener('keydown', this._boundOnKeyDown);
+
+              this.selected = this._findFirstSelectedTab() || 0;
+            }
+
+            disconnectedCallback() {
+              const tabsSlot = this.shadowRoot.querySelector('#tabsSlot');
+              tabsSlot.removeEventListener('click', this._boundOnTitleClick);
+              tabsSlot.removeEventListener('keydown', this._boundOnKeyDown);
+            }
+
+            _onTitleClick(e) {
+              if (e.target.slot === 'title') {
+                this.selected = this.tabs.indexOf(e.target);
+                e.target.focus();
+              }
+            }
+
+            _onKeyDown(e) {
+              switch (e.code) {
+                case 'ArrowUp':
+                case 'ArrowLeft':
+                  e.preventDefault();
+                  var idx = this.selected - 1;
+                  idx = idx < 0 ? this.tabs.length - 1 : idx;
+                  this.tabs[idx].click();
+                  break;
+                case 'ArrowDown':
+                case 'ArrowRight':
+                  e.preventDefault();
+                  var idx = this.selected + 1;
+                  this.tabs[idx % this.tabs.length].click();
+                  break;
+                default:
+                  break;
+              }
+            }
+
+            _findFirstSelectedTab() {
+              let selectedIdx;
+              for (let [i, tab] of this.tabs.entries()) {
+                tab.setAttribute('role', 'tab');
+
+                // Allow users to declaratively select a tab
+                // Highlight last tab which has the selected attribute.
+                if (tab.hasAttribute('selected')) {
+                  selectedIdx = i;
+                }
+              }
+              return selectedIdx;
+            }
+
+            _selectTab(idx = null) {
+              for (let i = 0, tab; (tab = this.tabs[i]); ++i) {
+                let select = i === idx;
+                tab.setAttribute('tabindex', select ? 0 : -1);
+                tab.setAttribute('aria-selected', select);
+                this.panels[i].setAttribute('aria-hidden', !select);
+              }
+            }
+          },
+        );
+      })();
+    </script>
+  </body>
+</html>
diff --git a/test/integration.ts b/test/integration.ts
index 807639f0..751fbeed 100644
--- a/test/integration.ts
+++ b/test/integration.ts
@@ -166,3 +166,50 @@ describe('iframe integration tests', function (this: ISuite) {
     assert(result.pass, result.pass ? '' : result.report());
   }).timeout(5000);
 });
+
+describe('shadown DOM integration tests', function (this: ISuite) {
+  const shadowDomHtml = path.join(__dirname, 'html/shadow-dom.html');
+  const raw = fs.readFileSync(shadowDomHtml, 'utf-8');
+
+  before(async () => {
+    this.server = await server();
+    this.browser = await puppeteer.launch({
+      // headless: false,
+    });
+
+    const bundle = await rollup.rollup({
+      input: path.resolve(__dirname, '../src/index.ts'),
+      plugins: [typescript()],
+    });
+    const { code } = await bundle.generate({
+      name: 'rrweb',
+      format: 'iife',
+    });
+    this.code = code;
+  });
+
+  after(async () => {
+    await this.browser.close();
+    await this.server.close();
+  });
+
+  it('snapshot shadow DOM', async () => {
+    const page: puppeteer.Page = await this.browser.newPage();
+    // console for debug
+    // tslint:disable-next-line: no-console
+    page.on('console', (msg) => console.log(msg.text()));
+    await page.goto(`http://localhost:3030/html`);
+    await page.setContent(raw, {
+      waitUntil: 'load',
+    });
+    const snapshotResult = JSON.stringify(
+      await page.evaluate(`${this.code};
+      rrweb.snapshot(document)[0];
+    `),
+      null,
+      2,
+    );
+    const result = matchSnapshot(snapshotResult, __filename, this.title);
+    assert(result.pass, result.pass ? '' : result.report());
+  }).timeout(5000);
+});

From 78edf266d518d002930a0564b67103e324acda14 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 278/345] Release 0.5.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bce6d7f6..30819073 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 697be5acf783dd74086862277cf60656d1d537e6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 279/345] Release 1.1.0

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 2 +-
 typings/types.d.ts    | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 1881d217..aaf357d1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 296aaa83..8992fff8 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -2,7 +2,7 @@ import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOption
 export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
-export declare function transformAttribute(doc: Document, name: string, value: string): string;
+export declare function transformAttribute(doc: Document, tagName: string, name: string, value: string): string;
 export declare function _isBlockedElement(element: HTMLElement, blockClass: string | RegExp, blockSelector: string | null): boolean;
 export declare function serializeNodeWithId(n: Node | INode, options: {
     doc: Document;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 8efab817..1b8740b8 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -42,6 +42,8 @@ export declare type commentNode = {
 };
 export declare type serializedNode = (documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode) & {
     rootId?: number;
+    isShadowHost?: boolean;
+    isShadow?: boolean;
 };
 export declare type serializedNodeWithId = serializedNode & {
     id: number;

From 8ee5ce829828193e914171cbec7a3fa8071125a8 Mon Sep 17 00:00:00 2001
From: jackycoder <jokee.wu@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 280/345] fix iframe border issue (#41)

---
 src/Player.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Player.svelte b/src/Player.svelte
index 5c84064e..9da04ed6 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -194,7 +194,7 @@
     overflow: hidden;
   }
 
-  :global(.replayer-wrapper) {
+  .replayer-wrapper {
     float: left;
     clear: both;
     transform-origin: top left;
@@ -202,7 +202,7 @@
     top: 50%;
   }
 
-  :global(.replayer-wrapper > iframe) {
+  .replayer-wrapper > iframe {
     border: none;
   }
 </style>

From d79922f6b6f5e09aa97310c7177c5547ffe47704 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 281/345] update typings

---
 typings/utils.d.ts | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 typings/utils.d.ts

diff --git a/typings/utils.d.ts b/typings/utils.d.ts
new file mode 100644
index 00000000..e1571f38
--- /dev/null
+++ b/typings/utils.d.ts
@@ -0,0 +1,2 @@
+import { INode } from './types';
+export declare function isElement(n: Node | INode): n is Element;

From f0a6ee518b83f0debd5ae4691001bb386e9fbd75 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 282/345] update rrweb version

---
 package.json       |  2 +-
 src/Player.svelte  |  2 ++
 typings/index.d.ts |  1 +
 yarn.lock          | 14 ++++++++++----
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 30819073..9ae56b55 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.3"
+    "rrweb": "^0.9.6"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.svelte b/src/Player.svelte
index 9da04ed6..aae2e59c 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -25,6 +25,7 @@
   export let tags: Record<string, string> = {};
   export let mouseTail: playerConfig['mouseTail'] = true;
   export let UNSAFE_replayCanvas: boolean = false;
+  export let insertStyleRules: string[] = [];
 
   export const getMirror = () => mirror;
 
@@ -142,6 +143,7 @@
       unpackFn: unpack,
       mouseTail,
       UNSAFE_replayCanvas,
+      insertStyleRules,
     });
 
     replayer.on('resize', (dimension) => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index f844d4ae..003c7288 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -18,6 +18,7 @@ export default class rrwebPlayer extends SvelteComponent {
       tags?: Record<string, string>;
       mouseTail?: playerConfig['mouseTail'];
       UNSAFE_replayCanvas?: boolean;
+      insertStyleRules?: string[];
     };
   });
 
diff --git a/yarn.lock b/yarn.lock
index cfaa9c34..6c873869 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -84,6 +84,11 @@
   resolved "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
 
+"@types/css-font-loading-module@0.0.4":
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/@types/css-font-loading-module/-/css-font-loading-module-0.0.4.tgz#94a835e27d1af444c65cba88523533c174463d64"
+  integrity sha512-ENdXf7MW4m9HeDojB2Ukbi7lYMIuQNBHVf98dbzaiG4EEJREBd6oleVAjrLRCrp7dm6CK1mmdmU9tcgF61acbw==
+
 "@types/eslint-visitor-keys@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
@@ -1222,11 +1227,12 @@ rrweb-snapshot@^0.8.2:
   resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
   integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.3:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.3.tgz#f783ab10e4201143c3381e0efb6f59fec0988608"
-  integrity sha512-rno2FgBFxhHAGZD+7mE6aYlIzvChys4kjQj0bD7yeEQL+BoPtNYKufDYV8w3ZjtyC1LPUDZy092fxlrQsXVFpQ==
+rrweb@^0.9.6:
+  version "0.9.6"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.6.tgz#115bb2c2b1a15c18d69d3878f362a7dbc74fd4b5"
+  integrity sha512-yzudVRhp5tjaFh9/M9UBikgqzQ5app8SJ2ITeqGJ5MmQ84hsTR0S9XFrLwdTA/sxnU7i7dbepT8T3846t0U1pg==
   dependencies:
+    "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"
     pako "^1.0.11"

From e92d92b0b6019ca6ddc044fcc80f424ce91f3ba4 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 283/345] add isShadow flag if a node is under shadow root

---
 src/index.ts       | 1 +
 src/snapshot.ts    | 6 +++++-
 src/utils.ts       | 5 +++++
 typings/index.d.ts | 1 +
 typings/utils.d.ts | 1 +
 5 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/index.ts b/src/index.ts
index 20d5b02d..9c1fd389 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,6 +7,7 @@ import snapshot, {
 } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
+export * from './utils';
 
 export {
   snapshot,
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 62832cc0..210386aa 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,7 +8,7 @@ import {
   MaskInputOptions,
   SlimDOMOptions,
 } from './types';
-import { isElement } from './utils';
+import { isElement, isShadowRoot } from './utils';
 
 let _id = 1;
 const tagNameRegex = RegExp('[^a-z0-9-_]');
@@ -657,6 +657,10 @@ export function serializeNodeWithId(
     }
   }
 
+  if (n.parentNode && isShadowRoot(n.parentNode)) {
+    serializedNode.isShadow = true;
+  }
+
   if (
     serializedNode.type === NodeType.Element &&
     serializedNode.tagName === 'iframe'
diff --git a/src/utils.ts b/src/utils.ts
index de0e1e8c..df6cf20b 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -3,3 +3,8 @@ import { INode } from './types';
 export function isElement(n: Node | INode): n is Element {
   return n.nodeType === n.ELEMENT_NODE;
 }
+
+export function isShadowRoot(n: Node): n is ShadowRoot {
+  const host: Element | null = (n as ShadowRoot)?.host;
+  return Boolean(host && host.shadowRoot && host.shadowRoot === n);
+}
diff --git a/typings/index.d.ts b/typings/index.d.ts
index b60dbf59..c9f12359 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,4 +1,5 @@
 import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
+export * from './utils';
 export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE, };
diff --git a/typings/utils.d.ts b/typings/utils.d.ts
index e1571f38..a896748e 100644
--- a/typings/utils.d.ts
+++ b/typings/utils.d.ts
@@ -1,2 +1,3 @@
 import { INode } from './types';
 export declare function isElement(n: Node | INode): n is Element;
+export declare function isShadowRoot(n: Node): n is ShadowRoot;

From 760f76ec16b4f11e0b36b4498ee36f76e72f0efb Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 284/345] Release 0.6.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9ae56b55..a06cb135 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.5.6",
+  "version": "0.6.0",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 19038fe593affa755aef21ac42cf5bbe38d2f9cf Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 285/345] Release 1.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index aaf357d1..54613c8a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From 3089b1ae8c201db3fbe8e5929973e402d00c067b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 286/345] expose trigger resize method

---
 package.json       | 2 +-
 src/Player.svelte  | 7 +++++++
 typings/index.d.ts | 1 +
 yarn.lock          | 8 ++++----
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index a06cb135..dce88b31 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.6"
+    "rrweb": "^0.9.7"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.svelte b/src/Player.svelte
index aae2e59c..b8833254 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -64,6 +64,13 @@
       `scale(${Math.min(widthScale, heightScale)})` + 'translate(-50%, -50%)';
   };
 
+  export const triggerResize = () => {
+    updateScale(replayer.wrapper, {
+      width: replayer.iframe.offsetWidth,
+      height: replayer.iframe.offsetHeight,
+    });
+  };
+
   export const toggleFullscreen = () => {
     if (player) {
       isFullscreen() ? exitFullscreen() : openFullscreen(player);
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 003c7288..57c9ec25 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -32,6 +32,7 @@ export default class rrwebPlayer extends SvelteComponent {
   toggle: () => void;
   setSpeed: (speed: number) => void;
   toggleSkipInactive: () => void;
+  triggerResize: () => void;
   play: () => void;
   pause: () => void;
   goto: (timeOffset: number) => void;
diff --git a/yarn.lock b/yarn.lock
index 6c873869..9e0d96f6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1227,10 +1227,10 @@ rrweb-snapshot@^0.8.2:
   resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
   integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.6:
-  version "0.9.6"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.6.tgz#115bb2c2b1a15c18d69d3878f362a7dbc74fd4b5"
-  integrity sha512-yzudVRhp5tjaFh9/M9UBikgqzQ5app8SJ2ITeqGJ5MmQ84hsTR0S9XFrLwdTA/sxnU7i7dbepT8T3846t0U1pg==
+rrweb@^0.9.7:
+  version "0.9.7"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.7.tgz#6632918dc61f2979d86d2b892810678408e7e11f"
+  integrity sha512-n3TEe1OyEtOGFvh4D513dR4jKVBlw//flCaFSwNFBreod/WKNRuqyZ7A2SCbY3XJbQ8JRFTfGa1jGsKvhiqTdQ==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"

From 74706eeac6b4feb53ac7c3b7cf99fe96acfacfaf Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 287/345] Speed up addHoverClass on large stylesheets (#72)

* speed up addHoverClass on large style sheets

* longer strings first to prevent accidental partial matches

* can add hover class when there is a multi selector with the same prefix

* tweak performance
---
 src/rebuild.ts       | 37 ++++++++++++++++++++++++++++++++-----
 test/rebuild.test.ts |  7 +++++++
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 9ab83156..7a4d4422 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -57,23 +57,50 @@ function getTagName(n: elementNode): string {
   return tagName;
 }
 
-const HOVER_SELECTOR = /([^\\]):hover/g;
+// based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
+function escapeRegExp(string: string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+const HOVER_SELECTOR = /([^\\]):hover/;
+const HOVER_SELECTOR_GLOBAL = new RegExp(HOVER_SELECTOR, 'g');
 export function addHoverClass(cssText: string): string {
-  const ast = parse(cssText, { silent: true });
+  const ast = parse(cssText, {
+    silent: true,
+  });
+
   if (!ast.stylesheet) {
     return cssText;
   }
+
+  const selectors: string[] = [];
   ast.stylesheet.rules.forEach((rule) => {
     if ('selectors' in rule) {
       (rule.selectors || []).forEach((selector: string) => {
         if (HOVER_SELECTOR.test(selector)) {
-          const newSelector = selector.replace(HOVER_SELECTOR, '$1.\\:hover');
-          cssText = cssText.replace(selector, `${selector}, ${newSelector}`);
+          selectors.push(selector);
         }
       });
     }
   });
-  return cssText;
+
+  if (selectors.length === 0) return cssText;
+
+  const selectorMatcher = new RegExp(
+    selectors
+      .filter((selector, index) => selectors.indexOf(selector) === index)
+      .sort((a, b) => b.length - a.length)
+      .map((selector) => {
+        return escapeRegExp(selector);
+      })
+      .join('|'),
+    'g',
+  );
+
+  return cssText.replace(selectorMatcher, (selector) => {
+    const newSelector = selector.replace(HOVER_SELECTOR_GLOBAL, '$1.\\:hover');
+    return `${selector}, ${newSelector}`;
+  });
 }
 
 function buildNode(
diff --git a/test/rebuild.test.ts b/test/rebuild.test.ts
index 9643d69d..a343e780 100644
--- a/test/rebuild.test.ts
+++ b/test/rebuild.test.ts
@@ -24,6 +24,13 @@ describe('add hover class to hover selector related rules', () => {
     );
   });
 
+  it('can add hover class when there is a multi selector with the same prefix', () => {
+    const cssText = '.a:hover, .a:hover::after { color: white }';
+    expect(addHoverClass(cssText)).to.equal(
+      '.a:hover, .a.\\:hover, .a:hover::after, .a.\\:hover::after { color: white }',
+    );
+  });
+
   it('can add hover class when :hover is not the end of selector', () => {
     const cssText = 'div:hover::after { color: white }';
     expect(addHoverClass(cssText)).to.equal(

From fa31bb613914921a12d314795c66024107b35d45 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 288/345] Release 0.6.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dce88b31..b5cb4a64 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 89cdf6723436c4a09387367b685eb36082986149 Mon Sep 17 00:00:00 2001
From: re-fort <refort.dev@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 289/345] Enable to mask texts (#73)

* chore: reorder options

* feat: enable to mask texts

* feat: add the default mask function

* refactor: rename options to identify the difference between  mask text and mask input

* test: add tests about masking
---
 src/index.ts                           |  2 +
 src/snapshot.ts                        | 82 +++++++++++++++++++++++++-
 src/types.ts                           |  2 +
 test/__snapshots__/integration.ts.snap | 15 +++++
 test/html/mask-text.html               | 17 ++++++
 typings/index.d.ts                     |  4 +-
 typings/snapshot.d.ts                  | 11 +++-
 typings/types.d.ts                     |  1 +
 8 files changed, 127 insertions(+), 7 deletions(-)
 create mode 100644 test/html/mask-text.html

diff --git a/src/index.ts b/src/index.ts
index 9c1fd389..8335768f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,6 +3,7 @@ import snapshot, {
   transformAttribute,
   visitSnapshot,
   cleanupSnapshot,
+  needMaskingText,
   IGNORED_NODE,
 } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
@@ -18,5 +19,6 @@ export {
   transformAttribute,
   visitSnapshot,
   cleanupSnapshot,
+  needMaskingText,
   IGNORED_NODE,
 };
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 210386aa..94a2b904 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -7,6 +7,7 @@ import {
   idNodeMap,
   MaskInputOptions,
   SlimDOMOptions,
+  MaskTextFn,
 } from './types';
 import { isElement, isShadowRoot } from './utils';
 
@@ -206,6 +207,40 @@ export function _isBlockedElement(
   return false;
 }
 
+export function needMaskingText(
+  node: Node | null,
+  maskTextClass: string | RegExp,
+  maskTextSelector: string | null,
+): boolean {
+  if (!node) {
+    return false;
+  }
+  if (node.nodeType === node.ELEMENT_NODE) {
+    if (typeof maskTextClass === 'string') {
+      if ((node as HTMLElement).classList.contains(maskTextClass)) {
+        return true;
+      }
+    } else {
+      (node as HTMLElement).classList.forEach((className) => {
+        if (maskTextClass.test(className)) {
+          return true;
+        }
+      });
+    }
+    if (maskTextSelector) {
+      if ((node as HTMLElement).matches(maskTextSelector)) {
+        return true;
+      }
+    }
+    return needMaskingText(node.parentNode, maskTextClass, maskTextSelector);
+  }
+  if (node.nodeType === node.TEXT_NODE) {
+    // check parent node since text node do not have class name
+    return needMaskingText(node.parentNode, maskTextClass, maskTextSelector);
+  }
+  return needMaskingText(node.parentNode, maskTextClass, maskTextSelector);
+}
+
 // https://stackoverflow.com/a/36155560
 function onceIframeLoaded(
   iframeEl: HTMLIFrameElement,
@@ -259,8 +294,11 @@ function serializeNode(
     doc: Document;
     blockClass: string | RegExp;
     blockSelector: string | null;
+    maskTextClass: string | RegExp;
+    maskTextSelector: string | null;
     inlineStylesheet: boolean;
     maskInputOptions: MaskInputOptions;
+    maskTextFn: MaskTextFn | undefined;
     recordCanvas: boolean;
   },
 ): serializedNode | false {
@@ -268,8 +306,11 @@ function serializeNode(
     doc,
     blockClass,
     blockSelector,
+    maskTextClass,
+    maskTextSelector,
     inlineStylesheet,
     maskInputOptions = {},
+    maskTextFn,
     recordCanvas,
   } = options;
   // Only record root id when document object is not the base document
@@ -412,12 +453,23 @@ function serializeNode(
         n.parentNode && (n.parentNode as HTMLElement).tagName;
       let textContent = (n as Text).textContent;
       const isStyle = parentTagName === 'STYLE' ? true : undefined;
+      const isScript = parentTagName === 'SCRIPT' ? true : undefined;
       if (isStyle && textContent) {
         textContent = absoluteToStylesheet(textContent, getHref());
       }
-      if (parentTagName === 'SCRIPT') {
+      if (isScript) {
         textContent = 'SCRIPT_PLACEHOLDER';
       }
+      if (
+        !isStyle &&
+        !isScript &&
+        needMaskingText(n, maskTextClass, maskTextSelector) &&
+        textContent
+      ) {
+        textContent = maskTextFn
+          ? maskTextFn(textContent)
+          : textContent.replace(/[\S]/g, '*');
+      }
       return {
         type: NodeType.Text,
         textContent: textContent || '',
@@ -540,9 +592,12 @@ export function serializeNodeWithId(
     map: idNodeMap;
     blockClass: string | RegExp;
     blockSelector: string | null;
+    maskTextClass: string | RegExp;
+    maskTextSelector: string | null;
     skipChild: boolean;
     inlineStylesheet: boolean;
     maskInputOptions?: MaskInputOptions;
+    maskTextFn: MaskTextFn | undefined;
     slimDOMOptions: SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
@@ -556,9 +611,12 @@ export function serializeNodeWithId(
     map,
     blockClass,
     blockSelector,
+    maskTextClass,
+    maskTextSelector,
     skipChild = false,
     inlineStylesheet = true,
     maskInputOptions = {},
+    maskTextFn,
     slimDOMOptions,
     recordCanvas = false,
     onSerialize,
@@ -570,8 +628,11 @@ export function serializeNodeWithId(
     doc,
     blockClass,
     blockSelector,
+    maskTextClass,
+    maskTextSelector,
     inlineStylesheet,
     maskInputOptions,
+    maskTextFn,
     recordCanvas,
   });
   if (!_serializedNode) {
@@ -628,9 +689,12 @@ export function serializeNodeWithId(
       map,
       blockClass,
       blockSelector,
+      maskTextClass,
+      maskTextSelector,
       skipChild,
       inlineStylesheet,
       maskInputOptions,
+      maskTextFn,
       slimDOMOptions,
       recordCanvas,
       preserveWhiteSpace,
@@ -675,9 +739,12 @@ export function serializeNodeWithId(
             map,
             blockClass,
             blockSelector,
+            maskTextClass,
+            maskTextSelector,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
+            maskTextFn,
             slimDOMOptions,
             recordCanvas,
             preserveWhiteSpace,
@@ -702,11 +769,14 @@ function snapshot(
   n: Document,
   options?: {
     blockClass?: string | RegExp;
+    blockSelector?: string | null;
+    maskTextClass?: string | RegExp;
+    maskTextSelector?: string | null;
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
+    maskTextFn?: MaskTextFn;
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
-    blockSelector?: string | null;
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
@@ -715,10 +785,13 @@ function snapshot(
 ): [serializedNodeWithId | null, idNodeMap] {
   const {
     blockClass = 'rr-block',
+    blockSelector = null,
+    maskTextClass = 'rr-mask',
+    maskTextSelector = null,
     inlineStylesheet = true,
     recordCanvas = false,
-    blockSelector = null,
     maskAllInputs = false,
+    maskTextFn,
     slimDOM = false,
     preserveWhiteSpace,
     onSerialize,
@@ -772,9 +845,12 @@ function snapshot(
       map: idNodeMap,
       blockClass,
       blockSelector,
+      maskTextClass,
+      maskTextSelector,
       skipChild: false,
       inlineStylesheet,
       maskInputOptions,
+      maskTextFn,
       slimDOMOptions,
       recordCanvas,
       preserveWhiteSpace,
diff --git a/src/types.ts b/src/types.ts
index 0a9eb630..b38a4778 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -105,3 +105,5 @@ export type SlimDOMOptions = Partial<{
   headMetaAuthorship: boolean;
   headMetaVerification: boolean;
 }>;
+
+export type MaskTextFn = (text: string) => string;
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index e6577820..72b317f1 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -202,6 +202,21 @@ exports[`[html file]: invalid-tagname.html 1`] = `
 </body></html>"
 `;
 
+exports[`[html file]: mask-text.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
+    <title>Document</title>
+  </head>  <body>
+    <p class=\\"rr-mask\\">**** *</p>
+    <div class=\\"rr-mask\\">
+      <span>**** *</span>
+    </div>
+    <div class=\\"rr-mask\\">**** *</div>
+  </body></html>"
+`;
+
 exports[`[html file]: picture.html 1`] = `
 "<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body>
     <picture>
diff --git a/test/html/mask-text.html b/test/html/mask-text.html
new file mode 100644
index 00000000..fe177a61
--- /dev/null
+++ b/test/html/mask-text.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Document</title>
+  </head>
+
+  <body>
+    <p class="rr-mask">mask 1</p>
+    <div class="rr-mask">
+      <span>mask 2</span>
+    </div>
+    <div class="rr-mask">mask 3</div>
+  </body>
+</html>
diff --git a/typings/index.d.ts b/typings/index.d.ts
index c9f12359..000750d0 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,5 +1,5 @@
-import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE } from './snapshot';
+import snapshot, { serializeNodeWithId, transformAttribute, visitSnapshot, cleanupSnapshot, needMaskingText, IGNORED_NODE } from './snapshot';
 import rebuild, { buildNodeWithSN, addHoverClass } from './rebuild';
 export * from './types';
 export * from './utils';
-export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, cleanupSnapshot, IGNORED_NODE, };
+export { snapshot, serializeNodeWithId, rebuild, buildNodeWithSN, addHoverClass, transformAttribute, visitSnapshot, cleanupSnapshot, needMaskingText, IGNORED_NODE, };
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 8992fff8..91bec1a9 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,17 +1,21 @@
-import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, MaskTextFn, SlimDOMOptions } from './types';
 export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
 export declare function transformAttribute(doc: Document, tagName: string, name: string, value: string): string;
 export declare function _isBlockedElement(element: HTMLElement, blockClass: string | RegExp, blockSelector: string | null): boolean;
+export declare function needMaskingText(node: Node | null, maskTextClass: string | RegExp, maskTextSelector: string | null): boolean;
 export declare function serializeNodeWithId(n: Node | INode, options: {
     doc: Document;
     map: idNodeMap;
     blockClass: string | RegExp;
     blockSelector: string | null;
+    maskTextClass: string | RegExp;
+    maskTextSelector: string | null;
     skipChild: boolean;
     inlineStylesheet: boolean;
     maskInputOptions?: MaskInputOptions;
+    maskTextFn?: MaskTextFn;
     slimDOMOptions: SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
@@ -21,11 +25,14 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
 }): serializedNodeWithId | null;
 declare function snapshot(n: Document, options?: {
     blockClass?: string | RegExp;
+    blockSelector?: string | null;
+    maskTextClass?: string | RegExp;
+    maskTextSelector?: string | null;
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
+    maskTextFn?: MaskTextFn;
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
-    blockSelector?: string | null;
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 1b8740b8..f9394a39 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -86,3 +86,4 @@ export declare type SlimDOMOptions = Partial<{
     headMetaAuthorship: boolean;
     headMetaVerification: boolean;
 }>;
+export declare type MaskTextFn = (text: string) => string;

From 25432a1ef140bd5cee7f8a57235ac1dbc256836b Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 290/345] by pass all options to rrweb

---
 src/Player.svelte  | 14 +-------------
 typings/index.d.ts |  8 +-------
 2 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/Player.svelte b/src/Player.svelte
index b8833254..0caab9de 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -17,15 +17,9 @@
   export let events: eventWithTime[] = [];
   export let skipInactive: boolean = true;
   export let autoPlay: boolean = true;
-  export let triggerFocus: boolean = true;
   export let speedOption: number[] = [1, 2, 4, 8];
   export let showController: boolean = true;
-  export let showWarning: boolean = true;
-  export let showDebug: boolean = true;
   export let tags: Record<string, string> = {};
-  export let mouseTail: playerConfig['mouseTail'] = true;
-  export let UNSAFE_replayCanvas: boolean = false;
-  export let insertStyleRules: string[] = [];
 
   export const getMirror = () => mirror;
 
@@ -143,14 +137,8 @@
     replayer = new Replayer(events, {
       speed,
       root: frame,
-      skipInactive,
-      showWarning,
-      showDebug,
-      triggerFocus,
       unpackFn: unpack,
-      mouseTail,
-      UNSAFE_replayCanvas,
-      insertStyleRules,
+      ...$$props,
     });
 
     replayer.on('resize', (dimension) => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 57c9ec25..de8a20d6 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -9,17 +9,11 @@ export default class rrwebPlayer extends SvelteComponent {
       events: eventWithTime[];
       width?: number;
       height?: number;
-      skipInactive?: boolean;
       autoPlay?: boolean;
       speedOption?: number[];
       showController?: boolean;
-      showWarning?: boolean;
-      showDebug?: boolean;
       tags?: Record<string, string>;
-      mouseTail?: playerConfig['mouseTail'];
-      UNSAFE_replayCanvas?: boolean;
-      insertStyleRules?: string[];
-    };
+    } & playerConfig;
   });
 
   addEventListener(event: string, handler: (params: any) => unknown): void;

From 628fee92921c7d74abcc1304df10344f5c723ff6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 291/345] Release 1.1.2

---
 package.json          | 2 +-
 typings/snapshot.d.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 54613c8a..bb5d8239 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 91bec1a9..0581feda 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,4 +1,4 @@
-import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, MaskTextFn, SlimDOMOptions } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions, MaskTextFn } from './types';
 export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
@@ -15,7 +15,7 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
     skipChild: boolean;
     inlineStylesheet: boolean;
     maskInputOptions?: MaskInputOptions;
-    maskTextFn?: MaskTextFn;
+    maskTextFn: MaskTextFn | undefined;
     slimDOMOptions: SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;

From 6ffdf28ebe580a8f7beb5d6f1e22c41f2cc85de6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 292/345] export speed as props

---
 src/Player.svelte  | 2 +-
 typings/index.d.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Player.svelte b/src/Player.svelte
index 0caab9de..e0cc6f16 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -18,13 +18,13 @@
   export let skipInactive: boolean = true;
   export let autoPlay: boolean = true;
   export let speedOption: number[] = [1, 2, 4, 8];
+  export let speed: number = 1;
   export let showController: boolean = true;
   export let tags: Record<string, string> = {};
 
   export const getMirror = () => mirror;
 
   const controllerHeight = 80;
-  let speed = 1;
   let player: HTMLElement;
   let frame: HTMLElement;
   let replayer: Replayer;
diff --git a/typings/index.d.ts b/typings/index.d.ts
index de8a20d6..a518fb2c 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -10,6 +10,7 @@ export default class rrwebPlayer extends SvelteComponent {
       width?: number;
       height?: number;
       autoPlay?: boolean;
+      speed?: number;
       speedOption?: number[];
       showController?: boolean;
       tags?: Record<string, string>;

From f2c5ab096e9e648f501d4e1a619116d6e2704e6d Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 293/345] Improve parsing of srcset according to whatwg spec
 (#74)

* Improve parsing of srcset according to whatwg spec; e.g. srcset="http://example.com/size400,300/img.jpg 640w"

* Trim/normalise the output in order to conform to prior version; solely to keep tests happy

* Add test case for embedded commas in a srcset url as well as support for future possible parenthesis in descriptor string

* Drop 'future proof' test as it causes an error message in test output
---
 src/snapshot.ts                        | 86 ++++++++++++++++++++------
 test/__snapshots__/integration.ts.snap |  3 +-
 test/html/with-relative-res.html       |  1 +
 3 files changed, 69 insertions(+), 21 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 94a2b904..29b1f16c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -110,32 +110,78 @@ export function absoluteToStylesheet(
   );
 }
 
+const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;  // Don't use \s, to avoid matching non-breaking space
+const SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
 function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
+  /*
+    run absoluteToDoc over every url in the srcset
+
+    this is adapted from https://github.com/albell/parse-srcset/
+    without the parsing of the descriptors (we return these as-is)
+    parce-srcset is in turn based on
+    https://html.spec.whatwg.org/multipage/embedded-content.html#parse-a-srcset-attribute
+  */
   if (attributeValue.trim() === '') {
     return attributeValue;
   }
 
-  const srcsetValues = attributeValue.split(',');
-  // srcset attributes is defined as such:
-  // srcset = "url size,url1 size1"
-  const resultingSrcsetString = srcsetValues
-    .map((srcItem) => {
-      // removing all but middle spaces
-      const trimmedSrcItem = srcItem.trimLeft().trimRight();
-      const urlAndSize = trimmedSrcItem.split(' ');
-      // this means we have both 0:url and 1:size
-      if (urlAndSize.length === 2) {
-        const absUrl = absoluteToDoc(doc, urlAndSize[0]);
-        return `${absUrl} ${urlAndSize[1]}`;
-      } else if (urlAndSize.length === 1) {
-        const absUrl = absoluteToDoc(doc, urlAndSize[0]);
-        return `${absUrl}`;
-      }
-      return '';
-    })
-    .join(', ');
+  let pos = 0;
 
-  return resultingSrcsetString;
+  function collectCharacters(regEx: RegExp) {
+    var chars,
+    match = regEx.exec(attributeValue.substring(pos));
+    if (match) {
+      chars = match[0];
+      pos += chars.length;
+      return chars;
+    }
+    return '';
+  }
+
+  let output = [];
+  while (true) {
+    collectCharacters(SRCSET_COMMAS_OR_SPACES);
+    if (pos >= attributeValue.length) {
+      break;
+    }
+    // don't split on commas within urls
+    let url = collectCharacters(SRCSET_NOT_SPACES);
+    if (url.slice(-1) === ',') {
+      // aside: according to spec more than one comma at the end is a parse error, but we ignore that
+      url = absoluteToDoc(doc, url.substring(0, url.length - 1))
+      // the trailing comma splits the srcset, so the interpretion is that
+      // another url will follow, and the descriptor is empty
+      output.push(url);
+    } else {
+      let descriptorsStr = '';
+      url = absoluteToDoc(doc, url)
+      let inParens = false;
+      while (true) {
+        let c = attributeValue.charAt(pos);
+        if (c === '') {
+          output.push((url + descriptorsStr).trim());
+          break;
+        } else if (!inParens) {
+          if (c === ',') {
+            pos += 1;
+            output.push((url + descriptorsStr).trim());
+            break;  // parse the next url
+          } else if (c === '(') {
+            inParens = true;
+          }
+        } else {
+          // in parenthesis; ignore commas
+          // (parenthesis may be supported by future additions to spec)
+          if (c === ')') {
+            inParens = false;
+          }
+        }
+        descriptorsStr += c;
+        pos += 1;
+      }
+    }
+  }
+  return output.join(', ');
 }
 
 export function absoluteToDoc(doc: Document, attributeValue: string): string {
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index 72b317f1..afa7b2a0 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -276,7 +276,8 @@ exports[`[html file]: with-relative-res.html 1`] = `
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg\\" />
   <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://exmple.com/a.jpg\\" />
-  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg 3x, http://localhost:3030/a.jpg 45x, http://localhost:3030/b.png\\" /></body></html>"
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/a.jpg 3x, http://localhost:3030/a.jpg 45x, http://localhost:3030/b.png\\" />
+  <img src=\\"http://localhost:3030/a.jpg\\" alt=\\"\\" srcset=\\"http://localhost:3030/300,400/a.jpg 300w, http://localhost:3030/b.png\\" /></body></html>"
 `;
 
 exports[`[html file]: with-script.html 1`] = `
diff --git a/test/html/with-relative-res.html b/test/html/with-relative-res.html
index 7505d5a3..c390dc53 100644
--- a/test/html/with-relative-res.html
+++ b/test/html/with-relative-res.html
@@ -16,5 +16,6 @@
   <img src="./a.jpg" alt="" srcset="/a.jpg">
   <img src="./a.jpg" alt="" srcset="http://exmple.com/a.jpg ">
   <img src="./a.jpg" alt="" srcset="/a.jpg 3x, /a.jpg 45x , /b.png">
+  <img src="./a.jpg" alt="" srcset="/300,400/a.jpg 300w,b.png">
 </body>
 </html>
\ No newline at end of file

From e3c93f261d99b5ac96c317bd25881966a6d75b8d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 294/345] Release 0.6.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b5cb4a64..57a4cb07 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From b75140dc62374b3a31714924a26a1fd80683a62a Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 295/345] Allow password to be maskable instead of ignorable
 (#65)

* Add password to maskInputOptions on types

* Add password on maskInputOptions to types definition
---
 src/types.ts       | 1 +
 typings/types.d.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/types.ts b/src/types.ts
index b38a4778..0a3d2ce2 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -91,6 +91,7 @@ export type MaskInputOptions = Partial<{
   // unify textarea and select element with text input
   textarea: boolean;
   select: boolean;
+  password: boolean;
 }>;
 
 export type SlimDOMOptions = Partial<{
diff --git a/typings/types.d.ts b/typings/types.d.ts
index f9394a39..c43cccbe 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -73,6 +73,7 @@ export declare type MaskInputOptions = Partial<{
     week: boolean;
     textarea: boolean;
     select: boolean;
+    password: boolean;
 }>;
 export declare type SlimDOMOptions = Partial<{
     script: boolean;

From b06005cf401b2991d6599b1e17a920ea43732350 Mon Sep 17 00:00:00 2001
From: Karl-Aksel Puulmann <macobo@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 296/345] Update rrwebPlayer types (#46)

Without this change, the following fails to compile in typescript:

```js
new rrwebPlayer({
                target: document.body,
                props: {
                    width: 900,
                    events,
                    autoPlay: true,
                },
            })
```
---
 typings/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/typings/index.d.ts b/typings/index.d.ts
index a518fb2c..9a34d330 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -14,7 +14,7 @@ export default class rrwebPlayer extends SvelteComponent {
       speedOption?: number[];
       showController?: boolean;
       tags?: Record<string, string>;
-    } & playerConfig;
+    } & Partial<playerConfig>;
   });
 
   addEventListener(event: string, handler: (params: any) => unknown): void;

From 41e5082c0895d24b28e61e2f76d3518978c2225d Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 297/345] related to #75 mask password input by default

---
 src/snapshot.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 29b1f16c..532fe16a 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -110,7 +110,7 @@ export function absoluteToStylesheet(
   );
 }
 
-const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;  // Don't use \s, to avoid matching non-breaking space
+const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/; // Don't use \s, to avoid matching non-breaking space
 const SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
 function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
   /*
@@ -129,7 +129,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
 
   function collectCharacters(regEx: RegExp) {
     var chars,
-    match = regEx.exec(attributeValue.substring(pos));
+      match = regEx.exec(attributeValue.substring(pos));
     if (match) {
       chars = match[0];
       pos += chars.length;
@@ -148,13 +148,13 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
     let url = collectCharacters(SRCSET_NOT_SPACES);
     if (url.slice(-1) === ',') {
       // aside: according to spec more than one comma at the end is a parse error, but we ignore that
-      url = absoluteToDoc(doc, url.substring(0, url.length - 1))
+      url = absoluteToDoc(doc, url.substring(0, url.length - 1));
       // the trailing comma splits the srcset, so the interpretion is that
       // another url will follow, and the descriptor is empty
       output.push(url);
     } else {
       let descriptorsStr = '';
-      url = absoluteToDoc(doc, url)
+      url = absoluteToDoc(doc, url);
       let inParens = false;
       while (true) {
         let c = attributeValue.charAt(pos);
@@ -165,7 +165,7 @@ function getAbsoluteSrcsetString(doc: Document, attributeValue: string) {
           if (c === ',') {
             pos += 1;
             output.push((url + descriptorsStr).trim());
-            break;  // parse the next url
+            break; // parse the next url
           } else if (c === '(') {
             inParens = true;
           }
@@ -863,9 +863,12 @@ function snapshot(
           week: true,
           textarea: true,
           select: true,
+          password: true,
         }
       : maskAllInputs === false
-      ? {}
+      ? {
+          password: true,
+        }
       : maskAllInputs;
   const slimDOMOptions: SlimDOMOptions =
     slimDOM === true || slimDOM === 'all'

From 1a19d471a3f031dc5c77ee108da0a9385986b103 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 298/345] upgrade rrweb

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 57a4cb07..a19d82ca 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.7"
+    "rrweb": "^0.9.8"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/yarn.lock b/yarn.lock
index 9e0d96f6..33460733 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1227,10 +1227,10 @@ rrweb-snapshot@^0.8.2:
   resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
   integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.7:
-  version "0.9.7"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.7.tgz#6632918dc61f2979d86d2b892810678408e7e11f"
-  integrity sha512-n3TEe1OyEtOGFvh4D513dR4jKVBlw//flCaFSwNFBreod/WKNRuqyZ7A2SCbY3XJbQ8JRFTfGa1jGsKvhiqTdQ==
+rrweb@^0.9.8:
+  version "0.9.8"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.8.tgz#48e0f418a39dc62d6b0d0541d2971545937c8356"
+  integrity sha512-0EzL32mJ2+n8OP3zA5JhcXFKfI76tzIwlzaZMB5jlMiws2DCtn+yEiaZSlU31d3VPUkpV8h2w2VbF6FWfS04Ug==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"

From 6e144d13b3d7391597f70d29631db97482175a4a Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 299/345] Release 1.1.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bb5d8239..8013cd3b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From 79a532a9429d751bbaa893390cd4dfb6fcf058a7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 300/345] Release 0.6.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a19d82ca..f3bb9232 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 42273eb2e4366ddce8a00c9b303fe9a54e8179de Mon Sep 17 00:00:00 2001
From: mgoshorn <msgoshorn@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 301/345] Updates regex used to validate tagnames to allow for
 tagnames that include namespace information (esp: svg tags) (#77)

Co-authored-by: Mitch Goshorn <mitch.goshorn@calmid.com>
---
 src/snapshot.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 532fe16a..065feb1e 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -12,7 +12,7 @@ import {
 import { isElement, isShadowRoot } from './utils';
 
 let _id = 1;
-const tagNameRegex = RegExp('[^a-z0-9-_]');
+const tagNameRegex = RegExp('[^a-z0-9-_:]');
 
 export const IGNORED_NODE = -2;
 

From 7c9b99a7a60b025f289f8c3439ff16cae536bb12 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 302/345] upgrade rrweb

---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index f3bb9232..baf662e9 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.8"
+    "rrweb": "^0.9.9"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/yarn.lock b/yarn.lock
index 33460733..d9077f41 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
-  integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
+rrweb-snapshot@^0.8.4:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.4.tgz#3f8bf1270975f9dfad60321a29067d2ea39e3c39"
+  integrity sha512-6zY4lEUpA6qEd/ArAo1crWefxsmiXMuK/fTToGmsW+ehR8/pglxTsqpMPEkgQO9uBUIWIUE9I3CyIQkigmt4ug==
 
-rrweb@^0.9.8:
-  version "0.9.8"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.8.tgz#48e0f418a39dc62d6b0d0541d2971545937c8356"
-  integrity sha512-0EzL32mJ2+n8OP3zA5JhcXFKfI76tzIwlzaZMB5jlMiws2DCtn+yEiaZSlU31d3VPUkpV8h2w2VbF6FWfS04Ug==
+rrweb@^0.9.9:
+  version "0.9.9"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.9.tgz#d502271f08620cd880a2be452e78ab78186173cb"
+  integrity sha512-w7KcyQp4r1vhHmPfxSnk2JriDdR9F9w6ABnEylwfhKjQR267T3WEYh9niRc1CBvXIrybTk6bzMuOqqXg4ziOWw==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"
     pako "^1.0.11"
-    rrweb-snapshot "^0.8.2"
+    rrweb-snapshot "^0.8.4"
 
 sade@^1.4.0:
   version "1.7.3"

From 1849943d48d175d78b00d7d8e894284191b14d37 Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 303/345] Fixes https://github.com/rrweb-io/rrweb/issues/567
 (#78)

---
 src/snapshot.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 065feb1e..c6249eba 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -327,7 +327,9 @@ function onceIframeLoaded(
     iframeEl.src === blankUrl ||
     iframeEl.src === ''
   ) {
-    listener();
+    // iframe was already loaded, make sure we wait to trigger the listener
+    // till _after_ the mutation that found this iframe has had time to process
+    setTimeout(listener, 0);
     return;
   }
   // use default listener

From 09f694c90ab264b4dd245c0b4f7ab5dbe1260d08 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 304/345] Release 0.6.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index baf662e9..f56af017 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 68b39c82c48efc0ce09ba6c6e6f0928b557b0255 Mon Sep 17 00:00:00 2001
From: Lucky Feng <f18846188605@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 305/345] fix: "Uncaught TypeError: Cannot read property
 'insertRule' of null" caused by CSP style-src (#79)

---
 src/rebuild.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 7a4d4422..0d269b0f 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -169,6 +169,15 @@ function buildNode(
               // as setting them triggers a console.error (which shows up despite the try/catch)
               // Assumption: these attributes are not used to css
               node.setAttribute('_' + name, value);
+            } else if (
+              tagName === 'meta' &&
+              n.attributes['http-equiv'] === 'Content-Security-Policy' &&
+              name == 'content'
+            ) {
+              // If CSP contains style-src and inline-style is disabled, there will be an error "Refused to apply inline style because it violates the following Content Security Policy directive: style-src '*'".
+              // And the function insertStyleRules in rrweb replayer will throw an error "Uncaught TypeError: Cannot read property 'insertRule' of null".
+              node.setAttribute('csp-content', value);
+              continue;
             } else {
               node.setAttribute(name, value);
             }
@@ -255,7 +264,7 @@ export function buildNodeWithSN(
   }
   if (n.rootId) {
     console.assert(
-      ((map[n.rootId] as unknown) as Document) === doc,
+      (map[n.rootId] as unknown as Document) === doc,
       'Target document should has the same root id.',
     );
   }
@@ -318,7 +327,7 @@ function handleScroll(node: INode) {
   if (n.type !== NodeType.Element) {
     return;
   }
-  const el = (node as Node) as HTMLElement;
+  const el = node as Node as HTMLElement;
   for (const name in n.attributes) {
     if (!(n.attributes.hasOwnProperty(name) && name.startsWith('rr_'))) {
       continue;

From b25033e872cb423a872cea1b7f9107569de917e0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 306/345] limit max scale to 1

---
 src/Player.svelte  |  3 ++-
 typings/index.d.ts | 28 +++++++++++++++-------------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/Player.svelte b/src/Player.svelte
index e0cc6f16..04dcd59b 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -55,7 +55,8 @@
     const widthScale = width / frameDimension.width;
     const heightScale = height / frameDimension.height;
     el.style.transform =
-      `scale(${Math.min(widthScale, heightScale)})` + 'translate(-50%, -50%)';
+      `scale(${Math.min(widthScale, heightScale, 1)})` +
+      'translate(-50%, -50%)';
   };
 
   export const triggerResize = () => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 9a34d330..6268e7bb 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -2,20 +2,22 @@ import { eventWithTime, playerConfig } from 'rrweb/typings/types';
 import { Replayer, mirror } from 'rrweb';
 import { SvelteComponent } from 'svelte';
 
+export type RRwebPlayerOptions = {
+  target: HTMLElement;
+  props: {
+    events: eventWithTime[];
+    width?: number;
+    height?: number;
+    autoPlay?: boolean;
+    speed?: number;
+    speedOption?: number[];
+    showController?: boolean;
+    tags?: Record<string, string>;
+  } & Partial<playerConfig>;
+};
+
 export default class rrwebPlayer extends SvelteComponent {
-  constructor(options: {
-    target: HTMLElement;
-    props: {
-      events: eventWithTime[];
-      width?: number;
-      height?: number;
-      autoPlay?: boolean;
-      speed?: number;
-      speedOption?: number[];
-      showController?: boolean;
-      tags?: Record<string, string>;
-    } & Partial<playerConfig>;
-  });
+  constructor(options: RRwebPlayerOptions);
 
   addEventListener(event: string, handler: (params: any) => unknown): void;
 

From 17b79ca210e0b0e4247506c7d1c986aae6348c54 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 307/345] Release 1.1.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8013cd3b..ca98a802 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From 83686e405ca3c80df833ff43135c5fa1ee07772c Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 308/345] Release 0.6.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f56af017..6f2dcd5b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From cf791ebca16e9a753c2c41100590b7b1e2d96da6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 309/345] Bump glob-parent from 5.1.1 to 5.1.2 (#74)

Bumps [glob-parent](https://github.com/gulpjs/glob-parent) from 5.1.1 to 5.1.2.
- [Release notes](https://github.com/gulpjs/glob-parent/releases)
- [Changelog](https://github.com/gulpjs/glob-parent/blob/main/CHANGELOG.md)
- [Commits](https://github.com/gulpjs/glob-parent/compare/v5.1.1...v5.1.2)

---
updated-dependencies:
- dependency-name: glob-parent
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 586bf9b7..9c0f1655 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -678,9 +678,9 @@ get-port@^3.2.0:
   integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
 
 glob-parent@^5.0.0, glob-parent@~5.1.0:
-  version "5.1.1"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
-  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
@@ -769,7 +769,7 @@ is-binary-path@~2.1.0:
 
 is-extglob@^2.1.1:
   version "2.1.1"
-  resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
 is-fullwidth-code-point@^2.0.0:
@@ -779,7 +779,7 @@ is-fullwidth-code-point@^2.0.0:
 
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
   version "4.0.1"
-  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
   integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
   dependencies:
     is-extglob "^2.1.1"

From 5fbb459a8e954454a37664e059eeb5faba84205e Mon Sep 17 00:00:00 2001
From: bachmanity1 <81428651+bachmanity1@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 310/345] fix media playback bug (#80)

---
 src/rebuild.ts  | 6 +++++-
 src/snapshot.ts | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index 0d269b0f..ef88103b 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -202,10 +202,14 @@ function buildNode(
           if (name === 'rr_height') {
             (node as HTMLElement).style.height = value;
           }
+          if (name === 'rr_mediaCurrentTime') {
+            (node as HTMLMediaElement).currentTime = n.attributes.rr_mediaCurrentTime as number
+          }
           if (name === 'rr_mediaState') {
             switch (value) {
               case 'played':
-                (node as HTMLMediaElement).play();
+                (node as HTMLMediaElement).play().catch(e => console.warn("media playback error", e));
+                break;
               case 'paused':
                 (node as HTMLMediaElement).pause();
                 break;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index c6249eba..14f87e37 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -464,6 +464,7 @@ function serializeNode(
         attributes.rr_mediaState = (n as HTMLMediaElement).paused
           ? 'paused'
           : 'played';
+        attributes.rr_mediaCurrentTime = (n as HTMLMediaElement).currentTime
       }
       // scroll
       if ((n as HTMLElement).scrollLeft) {

From 9c8b7b3c444a92eaa5959450ff288834f3bdfbaa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 311/345] upgrade rrweb

---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 6f2dcd5b..33076135 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.9"
+    "rrweb": "^0.9.10"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/yarn.lock b/yarn.lock
index d9077f41..ea263355 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^0.8.4:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.4.tgz#3f8bf1270975f9dfad60321a29067d2ea39e3c39"
-  integrity sha512-6zY4lEUpA6qEd/ArAo1crWefxsmiXMuK/fTToGmsW+ehR8/pglxTsqpMPEkgQO9uBUIWIUE9I3CyIQkigmt4ug==
+rrweb-snapshot@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-1.0.1.tgz#f3800f4deb434da02b6086533c5c38e23e7e796b"
+  integrity sha512-HKbfbTTDSTy4T0h/w9SubI1E5kL/qLiK08pJZRLA0MmGtqJ5nCTMtpEZXgCKMUncH3lb1rbiu+sDIoxKD+Anng==
 
-rrweb@^0.9.9:
-  version "0.9.9"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.9.tgz#d502271f08620cd880a2be452e78ab78186173cb"
-  integrity sha512-w7KcyQp4r1vhHmPfxSnk2JriDdR9F9w6ABnEylwfhKjQR267T3WEYh9niRc1CBvXIrybTk6bzMuOqqXg4ziOWw==
+rrweb@^0.9.10:
+  version "0.9.10"
+  resolved "https://registry.npmjs.org/rrweb/-/rrweb-0.9.10.tgz#4f6611c1fda24a65b9db31e7a85c293f3cbfcfc2"
+  integrity sha512-AO/yxZ/iZ2If+PiyPFGLpgFPkkP9XC1eB0J6ItPuki2rSEVxKbSapk4AYnWKTeoNBjGDwcgUp1hKsBNQAziT5Q==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"
     pako "^1.0.11"
-    rrweb-snapshot "^0.8.4"
+    rrweb-snapshot "^1.0.1"
 
 sade@^1.4.0:
   version "1.7.3"

From da0ec6fb3a34d421fb34597339efdc9939bdf1db Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 312/345] remove duplicate files

---
 public/public/bundle.css     |  5 -----
 public/public/bundle.css.map | 16 ----------------
 2 files changed, 21 deletions(-)
 delete mode 100644 public/public/bundle.css
 delete mode 100644 public/public/bundle.css.map

diff --git a/public/public/bundle.css b/public/public/bundle.css
deleted file mode 100644
index 6df15051..00000000
--- a/public/public/bundle.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.rr-controller.svelte-dxnc1j.svelte-dxnc1j{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-dxnc1j.svelte-dxnc1j{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-dxnc1j.svelte-dxnc1j{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-dxnc1j.svelte-dxnc1j{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-dxnc1j.svelte-dxnc1j{cursor:not-allowed}.rr-progress__step.svelte-dxnc1j.svelte-dxnc1j{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-dxnc1j.svelte-dxnc1j{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%, -50%);background:rgb(73, 80, 246)}.rr-controller__btns.svelte-dxnc1j.svelte-dxnc1j{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:active{background:#e0e1fe}.rr-controller__btns.svelte-dxnc1j button.active.svelte-dxnc1j{color:#fff;background:rgb(73, 80, 246)}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:disabled{cursor:not-allowed}
-.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:.05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==")}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;border-radius:10px;background:#4950f6;transform:translate(-10px,-10px);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px;border-radius:10px;transform:translate(-10px,-10px)}50%{opacity:.5;width:10px;height:10px;border-radius:5px;transform:translate(-5px,-5px)}}.rr-player{position:relative;background:white;float:left;border-radius:5px;box-shadow:0 24px 48px rgba(17, 16, 62, 0.12)}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}
-.switch.svelte-1mmdovf.svelte-1mmdovf{height:1em;display:flex;align-items:center}.switch.disabled.svelte-1mmdovf.svelte-1mmdovf{opacity:0.5}.label.svelte-1mmdovf.svelte-1mmdovf{margin:0 8px}.switch.svelte-1mmdovf input[type='checkbox'].svelte-1mmdovf{position:absolute;opacity:0}.switch.svelte-1mmdovf label.svelte-1mmdovf{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-1mmdovf label.svelte-1mmdovf{cursor:not-allowed}.switch.svelte-1mmdovf label.svelte-1mmdovf:before{content:'';position:absolute;width:2em;height:1em;left:0.1em;transition:background 0.1s ease;background:rgba(73, 80, 246, 0.5);border-radius:50px}.switch.svelte-1mmdovf label.svelte-1mmdovf:after{content:'';position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all 0.2s ease;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.3);background:#fcfff4;animation:switch-off 0.2s ease-out;z-index:2}.switch input[type='checkbox']:checked+label.svelte-1mmdovf.svelte-1mmdovf:before{background:rgb(73, 80, 246)}.switch input[type='checkbox']:checked+label.svelte-1mmdovf.svelte-1mmdovf:after{animation:switch-on 0.2s ease-out;left:1.1em}
-
-/*# sourceMappingURL=bundle.css.map */
\ No newline at end of file
diff --git a/public/public/bundle.css.map b/public/public/bundle.css.map
deleted file mode 100644
index 24c87a90..00000000
--- a/public/public/bundle.css.map
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "version": 3,
-  "file": "bundle.css",
-  "sources": [
-    "../Controller.svelte",
-    "../Player.svelte",
-    "../Switch.svelte"
-  ],
-  "sourcesContent": [
-    "<script lang=\"ts\">import { EventType } from 'rrweb';\n;\n;\n;\nimport { onMount, onDestroy, createEventDispatcher, afterUpdate, } from 'svelte';\nimport { formatTime } from './utils';\nimport Switch from './components/Switch.svelte';\nconst dispatch = createEventDispatcher();\nexport let replayer;\nexport let showController;\nexport let autoPlay;\nexport let skipInactive;\nexport let speedOption;\nexport let speed = speedOption.length ? speedOption[0] : 1;\nexport let tags = {};\nlet currentTime = 0;\n$: {\n    dispatch('ui-update-current-time', { payload: currentTime });\n}\nlet timer = null;\nlet playerState;\n$: {\n    dispatch('ui-update-player-state', { payload: playerState });\n}\nlet speedState;\nlet progress;\nlet step;\nlet finished;\nlet meta;\n$: meta = replayer.getMetaData();\nlet percentage;\n$: {\n    const percent = Math.min(1, currentTime / meta.totalTime);\n    percentage = `${100 * percent}%`;\n    dispatch('ui-update-progress', { payload: percent });\n}\nlet customEvents;\n$: customEvents = (() => {\n    const { context } = replayer.service.state;\n    const totalEvents = context.events.length;\n    const start = context.events[0].timestamp;\n    const end = context.events[totalEvents - 1].timestamp;\n    const customEvents = [];\n    // calculate tag position.\n    const position = (startTime, endTime, tagTime) => {\n        const sessionDuration = endTime - startTime;\n        const eventDuration = endTime - tagTime;\n        const eventPosition = 100 - (eventDuration / sessionDuration) * 100;\n        return eventPosition.toFixed(2);\n    };\n    // loop through all the events and find out custom event.\n    context.events.forEach((event) => {\n        /**\n         * we are only interested in custom event and calculate it's position\n         * to place it in player's timeline.\n         */\n        if (event.type === EventType.Custom) {\n            const customEvent = {\n                name: event.data.tag,\n                background: tags[event.data.tag] || 'rgb(73, 80, 246)',\n                position: `${position(start, end, event.timestamp)}%`,\n            };\n            customEvents.push(customEvent);\n        }\n    });\n    return customEvents;\n})();\nconst loopTimer = () => {\n    stopTimer();\n    function update() {\n        currentTime = replayer.getCurrentTime();\n        if (currentTime < meta.totalTime) {\n            timer = requestAnimationFrame(update);\n        }\n    }\n    timer = requestAnimationFrame(update);\n};\nconst stopTimer = () => {\n    if (timer) {\n        cancelAnimationFrame(timer);\n        timer = null;\n    }\n};\nexport const toggle = () => {\n    switch (playerState) {\n        case 'playing':\n            pause();\n            break;\n        case 'paused':\n            play();\n            break;\n        default:\n            break;\n    }\n};\nexport const play = () => {\n    if (playerState !== 'paused') {\n        return;\n    }\n    if (finished) {\n        replayer.play();\n        finished = false;\n    }\n    else {\n        replayer.play(currentTime);\n    }\n};\nexport const pause = () => {\n    if (playerState !== 'playing') {\n        return;\n    }\n    replayer.pause();\n};\nexport const goto = (timeOffset) => {\n    currentTime = timeOffset;\n    const isPlaying = playerState === 'playing';\n    replayer.pause();\n    replayer.play(timeOffset);\n    if (!isPlaying) {\n        replayer.pause();\n    }\n};\nconst handleProgressClick = (event) => {\n    if (speedState === 'skipping') {\n        return;\n    }\n    const progressRect = progress.getBoundingClientRect();\n    const x = event.clientX - progressRect.left;\n    let percent = x / progressRect.width;\n    if (percent < 0) {\n        percent = 0;\n    }\n    else if (percent > 1) {\n        percent = 1;\n    }\n    const timeOffset = meta.totalTime * percent;\n    goto(timeOffset);\n};\nexport const setSpeed = (newSpeed) => {\n    let needFreeze = playerState === 'playing';\n    speed = newSpeed;\n    if (needFreeze) {\n        replayer.pause();\n    }\n    replayer.setConfig({ speed });\n    if (needFreeze) {\n        replayer.play(currentTime);\n    }\n};\nexport const toggleSkipInactive = () => {\n    skipInactive = !skipInactive;\n};\nonMount(() => {\n    playerState = replayer.service.state.value;\n    speedState = replayer.speedService.state.value;\n    replayer.on('state-change', (states) => {\n        const { player, speed } = states;\n        if ((player === null || player === void 0 ? void 0 : player.value) && playerState !== player.value) {\n            playerState = player.value;\n            switch (playerState) {\n                case 'playing':\n                    loopTimer();\n                    break;\n                case 'paused':\n                    stopTimer();\n                    break;\n                default:\n                    break;\n            }\n        }\n        if ((speed === null || speed === void 0 ? void 0 : speed.value) && speedState !== speed.value) {\n            speedState = speed.value;\n        }\n    });\n    replayer.on('finish', () => {\n        finished = true;\n    });\n    if (autoPlay) {\n        replayer.play();\n    }\n});\nafterUpdate(() => {\n    if (skipInactive !== replayer.config.skipInactive) {\n        replayer.setConfig({ skipInactive });\n    }\n});\nonDestroy(() => {\n    replayer.pause();\n    stopTimer();\n});\n</script>\n\n<style>\n.rr-controller {\n  width: 100%;\n  height: 80px;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  border-radius: 0 0 5px 5px;\n}\n\n.rr-timeline {\n  width: 80%;\n  display: flex;\n  align-items: center;\n}\n\n.rr-timeline__time {\n  display: inline-block;\n  width: 100px;\n  text-align: center;\n  color: #11103e;\n}\n\n.rr-progress {\n  flex: 1;\n  height: 12px;\n  background: #eee;\n  position: relative;\n  border-radius: 3px;\n  cursor: pointer;\n  box-sizing: border-box;\n  border-top: solid 4px #fff;\n  border-bottom: solid 4px #fff;\n}\n\n.rr-progress.disabled {\n  cursor: not-allowed;\n}\n\n.rr-progress__step {\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: #e0e1fe;\n}\n\n.rr-progress__handler {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  position: absolute;\n  top: 2px;\n  transform: translate(-50%, -50%);\n  background: rgb(73, 80, 246);\n}\n\n.rr-controller__btns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n}\n\n.rr-controller__btns button {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  padding: 0;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.rr-controller__btns button:active {\n  background: #e0e1fe;\n}\n\n.rr-controller__btns button.active {\n  color: #fff;\n  background: rgb(73, 80, 246);\n}\n\n.rr-controller__btns button:disabled {\n  cursor: not-allowed;\n}</style>\n\n{#if showController}\n  <div class=\"rr-controller\">\n    <div class=\"rr-timeline\">\n      <span class=\"rr-timeline__time\">{formatTime(currentTime)}</span>\n      <div\n        class=\"rr-progress\"\n        class:disabled={speedState === 'skipping'}\n        bind:this={progress}\n        on:click={(event) => handleProgressClick(event)}>\n        <div\n          class=\"rr-progress__step\"\n          bind:this={step}\n          style=\"width: {percentage}\" />\n        {#each customEvents as event}\n          <div\n            title={event.name}\n            style=\"width: 10px;height: 5px;position: absolute;top:\n            2px;transform: translate(-50%, -50%);background: {event.background};left:\n            {event.position};\" />\n        {/each}\n\n        <div class=\"rr-progress__handler\" style=\"left: {percentage}\" />\n      </div>\n      <span class=\"rr-timeline__time\">{formatTime(meta.totalTime)}</span>\n    </div>\n    <div class=\"rr-controller__btns\">\n      <button on:click={toggle}>\n        {#if playerState === 'playing'}\n          <svg\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n            width=\"16\"\n            height=\"16\">\n            <path\n              d=\"M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0\n              512q0 53.00224-37.49888 90.50112t-90.50112\n              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224\n              37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0\n              90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888\n              90.50112t-90.50112\n              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224\n              37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424\n              0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928\n              30.16704t30.16704 12.4928 30.16704-12.4928\n              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984\n              213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0\n              17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928\n              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z\" />\n          </svg>\n        {:else}\n          <svg\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n            width=\"16\"\n            height=\"16\">\n            <path\n              d=\"M170.65984 896l0-768 640 384zM644.66944\n              512l-388.66944-233.32864 0 466.65728z\" />\n          </svg>\n        {/if}\n      </button>\n      {#each speedOption as s}\n        <button\n          class:active={s === speed && speedState !== 'skipping'}\n          on:click={() => setSpeed(s)}\n          disabled={speedState === 'skipping'}>\n          {s}x\n        </button>\n      {/each}\n      <Switch\n        id=\"skip\"\n        bind:checked={skipInactive}\n        disabled={speedState === 'skipping'}\n        label=\"skip inactive\" />\n      <button on:click={() => dispatch('fullscreen')}>\n        <svg\n          class=\"icon\"\n          viewBox=\"0 0 1024 1024\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          width=\"16\"\n          height=\"16\">\n          <defs>\n            <style type=\"text/css\"></style>\n          </defs>\n          <path\n            d=\"M916 380c-26.4 0-48-21.6-48-48L868 223.2 613.6 477.6c-18.4\n            18.4-48.8 18.4-68 0-18.4-18.4-18.4-48.8 0-68L800 156 692 156c-26.4\n            0-48-21.6-48-48 0-26.4 21.6-48 48-48l224 0c26.4 0 48 21.6 48 48l0\n            224C964 358.4 942.4 380 916 380zM231.2 860l108.8 0c26.4 0 48 21.6 48\n            48s-21.6 48-48 48l-224 0c-26.4 0-48-21.6-48-48l0-224c0-26.4 21.6-48\n            48-48 26.4 0 48 21.6 48 48L164 792l253.6-253.6c18.4-18.4 48.8-18.4\n            68 0 18.4 18.4 18.4 48.8 0 68L231.2 860z\"\n            p-id=\"1286\" />\n        </svg>\n      </button>\n    </div>\n  </div>\n{/if}\n",
-    "<script lang=\"ts\">import { onMount, onDestroy } from 'svelte';\nimport { Replayer, unpack, mirror } from 'rrweb';\n;\nimport { inlineCss, openFullscreen, exitFullscreen, isFullscreen, onFullscreenChange, typeOf, } from './utils';\nimport Controller from './Controller.svelte';\nexport let width = 1024;\nexport let height = 576;\nexport let events = [];\nexport let skipInactive = true;\nexport let autoPlay = true;\nexport let speedOption = [1, 2, 4, 8];\nexport let speed = 1;\nexport let showController = true;\nexport let tags = {};\nexport const getMirror = () => mirror;\nconst controllerHeight = 80;\nlet player;\nlet frame;\nlet replayer;\nlet fullscreenListener;\nlet _width = width;\nlet _height = height;\nlet controller;\nlet style;\n$: style = inlineCss({\n    width: `${width}px`,\n    height: `${height}px`,\n});\nlet playerStyle;\n$: playerStyle = inlineCss({\n    width: `${width}px`,\n    height: `${height + (showController ? controllerHeight : 0)}px`,\n});\nconst updateScale = (el, frameDimension) => {\n    const widthScale = width / frameDimension.width;\n    const heightScale = height / frameDimension.height;\n    el.style.transform =\n        `scale(${Math.min(widthScale, heightScale, 1)})` +\n            'translate(-50%, -50%)';\n};\nexport const triggerResize = () => {\n    updateScale(replayer.wrapper, {\n        width: replayer.iframe.offsetWidth,\n        height: replayer.iframe.offsetHeight,\n    });\n};\nexport const toggleFullscreen = () => {\n    if (player) {\n        isFullscreen() ? exitFullscreen() : openFullscreen(player);\n    }\n};\nexport const addEventListener = (event, handler) => {\n    replayer.on(event, handler);\n    switch (event) {\n        case 'ui-update-current-time':\n        case 'ui-update-progress':\n        case 'ui-update-player-state':\n            controller.$on(event, ({ detail }) => handler(detail));\n        default:\n            break;\n    }\n};\nexport const addEvent = (event) => {\n    replayer.addEvent(event);\n};\nexport const getMetaData = () => replayer.getMetaData();\nexport const getReplayer = () => replayer;\n// by pass controller methods as public API\nexport const toggle = () => {\n    controller.toggle();\n};\nexport const setSpeed = (speed) => {\n    controller.setSpeed(speed);\n};\nexport const toggleSkipInactive = () => {\n    controller.toggleSkipInactive();\n};\nexport const play = () => {\n    controller.play();\n};\nexport const pause = () => {\n    controller.pause();\n};\nexport const goto = (timeOffset) => {\n    controller.goto(timeOffset);\n};\nonMount(() => {\n    // runtime type check\n    if (speedOption !== undefined && typeOf(speedOption) !== 'array') {\n        throw new Error('speedOption must be array');\n    }\n    speedOption.forEach((item) => {\n        if (typeOf(item) !== 'number') {\n            throw new Error('item of speedOption must be number');\n        }\n    });\n    if (speedOption.indexOf(speed) < 0) {\n        throw new Error(`speed must be one of speedOption,\n      current config:\n      {\n        ...\n        speed: ${speed},\n        speedOption: [${speedOption.toString()}]\n        ...\n      }\n      `);\n    }\n    replayer = new Replayer(events, Object.assign({ speed, root: frame, unpackFn: unpack }, $$props));\n    replayer.on('resize', (dimension) => {\n        updateScale(replayer.wrapper, dimension);\n    });\n    fullscreenListener = onFullscreenChange(() => {\n        if (isFullscreen()) {\n            setTimeout(() => {\n                _width = width;\n                _height = height;\n                width = player.offsetWidth;\n                height = player.offsetHeight;\n                updateScale(replayer.wrapper, {\n                    width: replayer.iframe.offsetWidth,\n                    height: replayer.iframe.offsetHeight,\n                });\n            }, 0);\n        }\n        else {\n            width = _width;\n            height = _height;\n            updateScale(replayer.wrapper, {\n                width: replayer.iframe.offsetWidth,\n                height: replayer.iframe.offsetHeight,\n            });\n        }\n    });\n});\nonDestroy(() => {\n    fullscreenListener && fullscreenListener();\n});\n</script>\n\n<style global>:global(.replayer-wrapper){position:relative}:global(.replayer-mouse){position:absolute;width:20px;height:20px;transition:.05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==\")}:global(.replayer-mouse:after){content:\"\";display:inline-block;width:20px;height:20px;border-radius:10px;background:#4950f6;transform:translate(-10px,-10px);opacity:.3}:global(.replayer-mouse.active:after){animation:click .2s ease-in-out 1}:global(.replayer-mouse-tail){position:absolute;pointer-events:none}@keyframes -global-click{0%{opacity:.3;width:20px;height:20px;border-radius:10px;transform:translate(-10px,-10px)}50%{opacity:.5;width:10px;height:10px;border-radius:5px;transform:translate(-5px,-5px)}}:global(.rr-player) {\n  position: relative;\n  background: white;\n  float: left;\n  border-radius: 5px;\n  box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);\n}:global(.rr-player__frame) {\n  overflow: hidden;\n}:global(.replayer-wrapper) {\n  float: left;\n  clear: both;\n  transform-origin: top left;\n  left: 50%;\n  top: 50%;\n}:global(.replayer-wrapper) > :global(iframe) {\n  border: none;\n}</style>\n\n<div class=\"rr-player\" bind:this={player} style={playerStyle}>\n  <div class=\"rr-player__frame\" bind:this={frame} {style} />\n  {#if replayer}\n    <Controller\n      bind:this={controller}\n      {replayer}\n      {showController}\n      {autoPlay}\n      {speedOption}\n      {skipInactive}\n      {tags}\n      on:fullscreen={() => toggleFullscreen()} />\n  {/if}\n</div>\n",
-    "<script lang=\"ts\">export let disabled;\nexport let checked;\nexport let id;\nexport let label;\n</script>\n\n<style>\n.switch {\n  height: 1em;\n  display: flex;\n  align-items: center;\n}\n\n.switch.disabled {\n  opacity: 0.5;\n}\n\n.label {\n  margin: 0 8px;\n}\n\n.switch input[type='checkbox'] {\n  position: absolute;\n  opacity: 0;\n}\n\n.switch label {\n  width: 2em;\n  height: 1em;\n  position: relative;\n  cursor: pointer;\n  display: block;\n}\n\n.switch.disabled label {\n  cursor: not-allowed;\n}\n\n.switch label:before {\n  content: '';\n  position: absolute;\n  width: 2em;\n  height: 1em;\n  left: 0.1em;\n  transition: background 0.1s ease;\n  background: rgba(73, 80, 246, 0.5);\n  border-radius: 50px;\n}\n\n.switch label:after {\n  content: '';\n  position: absolute;\n  width: 1em;\n  height: 1em;\n  border-radius: 50px;\n  left: 0;\n  transition: all 0.2s ease;\n  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);\n  background: #fcfff4;\n  animation: switch-off 0.2s ease-out;\n  z-index: 2;\n}\n\n.switch input[type='checkbox']:checked + label:before {\n  background: rgb(73, 80, 246);\n}\n\n.switch input[type='checkbox']:checked + label:after {\n  animation: switch-on 0.2s ease-out;\n  left: 1.1em;\n}</style>\n\n<div class=\"switch\" class:disabled>\n  <input type=\"checkbox\" {id} bind:checked {disabled} />\n  <label for={id} />\n  <span class=\"label\">{label}</span>\n</div>\n"
-  ],
-  "names": [],
-  "mappings": "AAiMA,cAAc,4BAAC,CAAC,AACd,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,IAAI,CAChB,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,YAAY,CAC7B,WAAW,CAAE,MAAM,CACnB,aAAa,CAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,AAC5B,CAAC,AAED,YAAY,4BAAC,CAAC,AACZ,KAAK,CAAE,GAAG,CACV,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,AACrB,CAAC,AAED,kBAAkB,4BAAC,CAAC,AAClB,OAAO,CAAE,YAAY,CACrB,KAAK,CAAE,KAAK,CACZ,UAAU,CAAE,MAAM,CAClB,KAAK,CAAE,OAAO,AAChB,CAAC,AAED,YAAY,4BAAC,CAAC,AACZ,IAAI,CAAE,CAAC,CACP,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,IAAI,CAChB,QAAQ,CAAE,QAAQ,CAClB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,OAAO,CACf,UAAU,CAAE,UAAU,CACtB,UAAU,CAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAC1B,aAAa,CAAE,KAAK,CAAC,GAAG,CAAC,IAAI,AAC/B,CAAC,AAED,YAAY,SAAS,4BAAC,CAAC,AACrB,MAAM,CAAE,WAAW,AACrB,CAAC,AAED,kBAAkB,4BAAC,CAAC,AAClB,MAAM,CAAE,IAAI,CACZ,QAAQ,CAAE,QAAQ,CAClB,IAAI,CAAE,CAAC,CACP,GAAG,CAAE,CAAC,CACN,UAAU,CAAE,OAAO,AACrB,CAAC,AAED,qBAAqB,4BAAC,CAAC,AACrB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,IAAI,CACnB,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,GAAG,CACR,SAAS,CAAE,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,CAChC,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,oBAAoB,4BAAC,CAAC,AACpB,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CACvB,SAAS,CAAE,IAAI,AACjB,CAAC,AAED,kCAAoB,CAAC,MAAM,cAAC,CAAC,AAC3B,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,IAAI,CACb,OAAO,CAAE,CAAC,CACV,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CACvB,UAAU,CAAE,IAAI,CAChB,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,OAAO,AACjB,CAAC,AAED,kCAAoB,CAAC,oBAAM,OAAO,AAAC,CAAC,AAClC,UAAU,CAAE,OAAO,AACrB,CAAC,AAED,kCAAoB,CAAC,MAAM,OAAO,cAAC,CAAC,AAClC,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,kCAAoB,CAAC,oBAAM,SAAS,AAAC,CAAC,AACpC,MAAM,CAAE,WAAW,AACrB,CAAC;AC/IqB,iBAAiB,AAAC,CAAC,SAAS,QAAQ,CAAC,AAAQ,eAAe,AAAC,CAAC,SAAS,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,gBAAgB,OAAO,CAAC,oBAAoB,GAAG,CAAC,kBAAkB,SAAS,CAAC,iBAAiB,IAAI,4iBAA4iB,CAAC,CAAC,AAAQ,qBAAqB,AAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,YAAY,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,OAAO,CAAC,UAAU,UAAU,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,AAAQ,4BAA4B,AAAC,CAAC,UAAU,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,AAAQ,oBAAoB,AAAC,CAAC,SAAS,QAAQ,CAAC,eAAe,IAAI,CAAC,WAAW,AAAQ,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU,UAAU,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,GAAG,CAAC,UAAU,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,AAAQ,UAAU,AAAE,CAAC,AACpzC,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,KAAK,CACjB,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,GAAG,CAClB,UAAU,CAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,AAChD,CAAC,AAAQ,iBAAiB,AAAE,CAAC,AAC3B,QAAQ,CAAE,MAAM,AAClB,CAAC,AAAQ,iBAAiB,AAAE,CAAC,AAC3B,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CACX,gBAAgB,CAAE,GAAG,CAAC,IAAI,CAC1B,IAAI,CAAE,GAAG,CACT,GAAG,CAAE,GAAG,AACV,CAAC,AAAQ,iBAAiB,AAAC,CAAW,MAAM,AAAE,CAAC,AAC7C,MAAM,CAAE,IAAI,AACd,CAAC;ACpJD,OAAO,8BAAC,CAAC,AACP,MAAM,CAAE,GAAG,CACX,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,AACrB,CAAC,AAED,OAAO,SAAS,8BAAC,CAAC,AAChB,OAAO,CAAE,GAAG,AACd,CAAC,AAED,MAAM,8BAAC,CAAC,AACN,MAAM,CAAE,CAAC,CAAC,GAAG,AACf,CAAC,AAED,sBAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,eAAC,CAAC,AAC9B,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,sBAAO,CAAC,KAAK,eAAC,CAAC,AACb,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,OAAO,CACf,OAAO,CAAE,KAAK,AAChB,CAAC,AAED,OAAO,wBAAS,CAAC,KAAK,eAAC,CAAC,AACtB,MAAM,CAAE,WAAW,AACrB,CAAC,AAED,sBAAO,CAAC,oBAAK,OAAO,AAAC,CAAC,AACpB,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,IAAI,CAAE,KAAK,CACX,UAAU,CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAChC,UAAU,CAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClC,aAAa,CAAE,IAAI,AACrB,CAAC,AAED,sBAAO,CAAC,oBAAK,MAAM,AAAC,CAAC,AACnB,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,aAAa,CAAE,IAAI,CACnB,IAAI,CAAE,CAAC,CACP,UAAU,CAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CACzB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9C,UAAU,CAAE,OAAO,CACnB,SAAS,CAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CACnC,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAG,mCAAK,OAAO,AAAC,CAAC,AACrD,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAG,mCAAK,MAAM,AAAC,CAAC,AACpD,SAAS,CAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAClC,IAAI,CAAE,KAAK,AACb,CAAC"
-}
\ No newline at end of file

From 1226a093a15a0e0a46f1bab039e3d766e876d6fc Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 313/345] rrweb 1.0 use new getMirror api (#70)

* Fixes #69

* update rrweb to 1.0.0-beta.0
---
 package.json      |  2 +-
 src/Player.svelte |  7 ++++---
 yarn.lock         | 18 +++++++++---------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 33e1f2e5..a797193b 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",
-    "rrweb": "^0.9.14"
+    "rrweb": "^1.0.0-beta.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.svelte b/src/Player.svelte
index 04dcd59b..2801a53f 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
-  import { Replayer, unpack, mirror } from 'rrweb';
+  import { Replayer, unpack } from 'rrweb';
   import type { eventWithTime, playerConfig } from 'rrweb/typings/types';
   import {
     inlineCss,
@@ -22,12 +22,13 @@
   export let showController: boolean = true;
   export let tags: Record<string, string> = {};
 
-  export const getMirror = () => mirror;
+  let replayer: Replayer;
+  
+  export const getMirror = () => replayer.getMirror();
 
   const controllerHeight = 80;
   let player: HTMLElement;
   let frame: HTMLElement;
-  let replayer: Replayer;
   let fullscreenListener: undefined | (() => void);
   let _width: number = width;
   let _height: number = height;
diff --git a/yarn.lock b/yarn.lock
index 9c0f1655..9043da09 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^1.0.3:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.0.7.tgz#9d334590089af4a857970ef4e9e978d986a122d1"
-  integrity sha512-6fu9+KiQlFPkFk2SdahIDsV+yu1juiAR/o+kOiwKPbXur1TiFGMPAfaQNCkqLc8Nvyx3ItkJmrIldyxnAalEag==
+rrweb-snapshot@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.1.4.tgz#a71d812004c340aaa5313d313a7bd343eb8c260d"
+  integrity sha512-0iVRbsWSVOVEjgE8MA0+zYwlLMSwkVsUA7KhmvVaBK+viYcbx79SKRB8PkeFz1/1Jnn9fnkzPHlh42F+xFuwbQ==
 
-rrweb@^0.9.14:
-  version "0.9.14"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.14.tgz#09bec604fc44c74801e4fe910606e5a6cde008ec"
-  integrity sha512-nm2rrVNoyWFPrbGQmcvTTlA7XjbbgPIgO7qsW0Zyr5iOURIFJDGPHFmOVLRyLpWiriVtEoXh6a+x+D1sj+qwWg==
+rrweb@^1.0.0-beta.0:
+  version "1.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-1.0.0-beta.0.tgz#c781794ac4cf80e55e4c240090f246891b8bf704"
+  integrity sha512-mCDDCEEJpIDNsmL9kNMl0FYMtoMlza8/wpjcK1uWOVk09jGANyxRVc0+jjUl1D83k9KlFXx0kj1TTSTYHdanMw==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     fflate "^0.4.4"
     mitt "^1.1.3"
-    rrweb-snapshot "^1.0.3"
+    rrweb-snapshot "^1.1.4"
 
 sade@^1.4.0:
   version "1.7.3"

From 61074a2303deedb636d5bfbc6e7039fb01c4a0b9 Mon Sep 17 00:00:00 2001
From: Yun Feng <yun.feng@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 314/345] style(rebuild.ts snapshot.ts): format code

---
 src/rebuild.ts  | 7 +++++--
 src/snapshot.ts | 6 +++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index ef88103b..be8cd8f0 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -203,12 +203,15 @@ function buildNode(
             (node as HTMLElement).style.height = value;
           }
           if (name === 'rr_mediaCurrentTime') {
-            (node as HTMLMediaElement).currentTime = n.attributes.rr_mediaCurrentTime as number
+            (node as HTMLMediaElement).currentTime = n.attributes
+              .rr_mediaCurrentTime as number;
           }
           if (name === 'rr_mediaState') {
             switch (value) {
               case 'played':
-                (node as HTMLMediaElement).play().catch(e => console.warn("media playback error", e));
+                (node as HTMLMediaElement)
+                  .play()
+                  .catch((e) => console.warn('media playback error', e));
                 break;
               case 'paused':
                 (node as HTMLMediaElement).pause();
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 14f87e37..6d2fe8ff 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -363,8 +363,8 @@ function serializeNode(
   } = options;
   // Only record root id when document object is not the base document
   let rootId: number | undefined;
-  if (((doc as unknown) as INode).__sn) {
-    const docId = ((doc as unknown) as INode).__sn.id;
+  if ((doc as unknown as INode).__sn) {
+    const docId = (doc as unknown as INode).__sn.id;
     rootId = docId === 1 ? undefined : docId;
   }
   switch (n.nodeType) {
@@ -464,7 +464,7 @@ function serializeNode(
         attributes.rr_mediaState = (n as HTMLMediaElement).paused
           ? 'paused'
           : 'played';
-        attributes.rr_mediaCurrentTime = (n as HTMLMediaElement).currentTime
+        attributes.rr_mediaCurrentTime = (n as HTMLMediaElement).currentTime;
       }
       // scroll
       if ((n as HTMLElement).scrollLeft) {

From 9b1382969605a1df8718b8e0dfab13c152e9e7cd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 315/345] Release 0.6.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 33076135..3154c4da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 5dbb1827746f16a245e7d5ac9d9050902fc976bf Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 316/345] update rollup

---
 package.json     |  11 +-
 rollup.config.js |  23 ++-
 yarn.lock        | 488 ++++++++++++++++++-----------------------------
 3 files changed, 207 insertions(+), 315 deletions(-)

diff --git a/package.json b/package.json
index 33e1f2e5..df1f1556 100644
--- a/package.json
+++ b/package.json
@@ -11,13 +11,14 @@
     "eslint-config-google": "^0.11.0",
     "eslint-plugin-svelte3": "^2.7.3",
     "postcss-easy-import": "^3.0.0",
-    "rollup": "^1.20.0",
-    "rollup-plugin-livereload": "^1.0.0",
-    "rollup-plugin-svelte": "^6.1.1",
-    "rollup-plugin-terser": "^5.1.2",
+    "rollup": "^2.45.2",
+    "rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-livereload": "^2.0.0",
+    "rollup-plugin-svelte": "^7.1.0",
+    "rollup-plugin-terser": "^7.0.2",
     "sirv-cli": "^0.4.4",
     "svelte": "^3.2.0",
-    "svelte-check": "^0.1.0",
+    "svelte-check": "^1.4.0",
     "svelte-preprocess": "^4.0.0",
     "tslib": "^2.0.0",
     "typescript": "^3.9.7"
diff --git a/rollup.config.js b/rollup.config.js
index 84530b9a..4b0c358e 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -6,6 +6,7 @@ import { terser } from 'rollup-plugin-terser';
 import sveltePreprocess from 'svelte-preprocess';
 import typescript from '@rollup/plugin-typescript';
 import pkg from './package.json';
+import css from 'rollup-plugin-css-only';
 
 // eslint-disable-next-line no-undef
 const production = !process.env.ROLLUP_WATCH;
@@ -33,14 +34,18 @@ const entries = (production
 
 export default entries.map((output) => ({
   input: 'src/main.ts',
-  output,
+  output: {
+    file: output.file,
+    format: output.format,
+    name: output.name,
+    exports: 'auto',
+  },
   plugins: [
     svelte({
-      // enable run-time checks when not in production
-      dev: !production,
-      // we'll extract any component CSS out into
-      // a separate file — better for performance
-      css: output.css && ((css) => css.write(output.css)),
+      compilerOptions: {
+        // enable run-time checks when not in production
+        dev: !production,
+      },
       preprocess: sveltePreprocess({
         postcss: {
           // eslint-disable-next-line no-undef
@@ -62,6 +67,12 @@ export default entries.map((output) => ({
 
     typescript({ sourceMap: !production }),
 
+    css({
+      // we'll extract any component CSS out into
+      // a separate file — better for performance
+      output: output.css,
+    }),
+
     // In dev mode, call `npm run start` once
     // the bundle has been generated
     !production && serve(),
diff --git a/yarn.lock b/yarn.lock
index 1467bdde..a4768be1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,18 +2,30 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
+"@babel/code-frame@^7.0.0":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
   integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
   dependencies:
     "@babel/highlight" "^7.10.4"
 
+"@babel/code-frame@^7.10.4":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.13.tgz#dcfc826beef65e75c50e21d3837d7d95798dd658"
+  integrity sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==
+  dependencies:
+    "@babel/highlight" "^7.12.13"
+
 "@babel/helper-validator-identifier@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
   integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
 
+"@babel/helper-validator-identifier@^7.12.11":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz#c9a1f021917dcb5ccf0d4e453e399022981fc9ed"
+  integrity sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==
+
 "@babel/highlight@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
@@ -23,10 +35,14 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@emmetio/extract-abbreviation@0.1.6":
-  version "0.1.6"
-  resolved "https://registry.npmjs.org/@emmetio/extract-abbreviation/-/extract-abbreviation-0.1.6.tgz#e4a9856c1057f0aff7d443b8536477c243abe28c"
-  integrity sha512-Ce3xE2JvTSEbASFbRbA1gAIcMcZWdS2yUYRaQbeM0nbOzaZrUYfa3ePtcriYRZOZmr+CkKA+zbjhvTpIOAYVcw==
+"@babel/highlight@^7.12.13":
+  version "7.13.10"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.13.10.tgz#a8b2a66148f5b27d666b15d81774347a731d52d1"
+  integrity sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.12.11"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
 
 "@polka/url@^0.5.0":
   version "0.5.0"
@@ -59,12 +75,20 @@
 
 "@rollup/plugin-typescript@^4.0.0":
   version "4.1.2"
-  resolved "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
   integrity sha512-+7UlGat/99e2JbmGNnIauxwEhYLwrL7adO/tSJxUN57xrrS3Ps+ZzYpLCDGPZJ57j+ZJTZLLN89KXW9JMEB+jg==
   dependencies:
     "@rollup/pluginutils" "^3.0.1"
     resolve "^1.14.1"
 
+"@rollup/pluginutils@4":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.1.0.tgz#0dcc61c780e39257554feb7f77207dceca13c838"
+  integrity sha512-TrBhfJkFxA+ER+ew2U2/fHbebhLT/l/2pRk0hfj9KusXUuRXd2v0R58AfaZK9VXDQ4TogOSEmICVrQAA3zFnHQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
 "@rollup/pluginutils@^3.0.1", "@rollup/pluginutils@^3.0.8":
   version "3.1.0"
   resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
@@ -95,9 +119,9 @@
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
 "@types/estree@*":
-  version "0.0.45"
-  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.45.tgz#e9387572998e5ecdac221950dab3e8c3b16af884"
-  integrity sha512-jnqIUKDUqJbDIUxm0Uj7bnlMnRm1T/eZ9N+AVMqhPgzrba2GhGG5o/jCTwmdPK709nEZsGoMzXEDUjcXHa3W0g==
+  version "0.0.47"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.47.tgz#d7a51db20f0650efec24cd04994f523d93172ed4"
+  integrity sha512-c5ciR06jK8u9BstrmJyO97m+klJrrhCf9u3rLu3DEAJBirxRqSCvDQoYKmxuYwQI5SZChAWu+tq9oVlGRuzPAg==
 
 "@types/estree@0.0.39":
   version "0.0.39"
@@ -110,18 +134,13 @@
   integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
 
 "@types/node@*":
-  version "14.0.26"
-  resolved "https://registry.npmjs.org/@types/node/-/node-14.0.26.tgz#22a3b8a46510da8944b67bfc27df02c34a35331c"
-  integrity sha512-W+fpe5s91FBGE0pEa0lnqGLL4USgpLgs4nokw16SrBBco/gQxuua7KnArSEOd5iaMqbbSHV10vUDkJYJJqpXKA==
-
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+  version "14.14.41"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.41.tgz#d0b939d94c1d7bd53d04824af45f1139b8c45615"
+  integrity sha512-dueRKfaJL4RTtSa7bWeTK1M+VH+Gns73oCgzvYfHZywRCoPSd8EkXBL0mZ9unPTveBn+D9phZBaxuzpwjWkW0g==
 
 "@types/pug@^2.0.4":
   version "2.0.4"
-  resolved "https://registry.npmjs.org/@types/pug/-/pug-2.0.4.tgz#8772fcd0418e3cd2cc171555d73007415051f4b2"
+  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.4.tgz#8772fcd0418e3cd2cc171555d73007415051f4b2"
   integrity sha1-h3L80EGOPNLMFxVV1zAHQVBR9LI=
 
 "@types/resolve@0.0.8":
@@ -133,7 +152,7 @@
 
 "@types/sass@^1.16.0":
   version "1.16.0"
-  resolved "https://registry.npmjs.org/@types/sass/-/sass-1.16.0.tgz#b41ac1c17fa68ffb57d43e2360486ef526b3d57d"
+  resolved "https://registry.yarnpkg.com/@types/sass/-/sass-1.16.0.tgz#b41ac1c17fa68ffb57d43e2360486ef526b3d57d"
   integrity sha512-2XZovu4NwcqmtZtsBR5XYLw18T8cBCnU2USFHTnYLLHz9fkhnoEMoDsqShJIOFsFhn5aJHjweiUUdTrDGujegA==
   dependencies:
     "@types/node" "*"
@@ -208,7 +227,7 @@ acorn-jsx@^5.2.0:
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
   integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
 
-acorn@^7.1.0, acorn@^7.3.1:
+acorn@^7.3.1:
   version "7.3.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.3.1.tgz#85010754db53c3fbaf3b9ea3e083aa5c5d147ffd"
   integrity sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
@@ -362,6 +381,21 @@ chokidar@^3.3.0:
   optionalDependencies:
     fsevents "~2.1.2"
 
+chokidar@^3.4.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.1.tgz#ee9ce7bbebd2b79f49f304799d5468e31e14e68a"
+  integrity sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==
+  dependencies:
+    anymatch "~3.1.1"
+    braces "~3.0.2"
+    glob-parent "~5.1.0"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.5.0"
+  optionalDependencies:
+    fsevents "~2.3.1"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -406,17 +440,6 @@ console-clear@^1.1.0:
   resolved "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz#995e20cbfbf14dd792b672cde387bd128d674bf7"
   integrity sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
 cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -433,11 +456,6 @@ debug@^4.0.1, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-dedent-js@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz#bee5fb7c9e727d85dffa24590d10ec1ab1255305"
-  integrity sha1-vuX7fJ5yfYXf+iRZDRDsGrElUwU=
-
 deep-is@^0.1.3:
   version "0.1.3"
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
@@ -445,7 +463,7 @@ deep-is@^0.1.3:
 
 detect-indent@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.npmjs.org/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
   integrity sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==
 
 doctrine@^3.0.0:
@@ -467,13 +485,6 @@ enquirer@^2.3.5:
   dependencies:
     ansi-colors "^4.1.1"
 
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -600,9 +611,9 @@ estree-walker@^1.0.1:
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
 estree-walker@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
-  integrity sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
 esutils@^2.0.2:
   version "2.0.3"
@@ -667,6 +678,16 @@ fsevents@~2.1.2:
   resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
   integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
 
+fsevents@~2.3.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
 functional-red-black-tree@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
@@ -724,12 +745,19 @@ has-flag@^4.0.0:
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-import-fresh@^3.0.0, import-fresh@^3.1.0:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
   integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
@@ -755,11 +783,6 @@ inherits@2:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
-
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
@@ -767,6 +790,13 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-core-module@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
+  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
+  dependencies:
+    has "^1.0.3"
+
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -806,13 +836,14 @@ isexe@^2.0.0:
   resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
-jest-worker@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+jest-worker@^26.2.1:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
+  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
   dependencies:
+    "@types/node" "*"
     merge-stream "^2.0.0"
-    supports-color "^6.1.0"
+    supports-color "^7.0.0"
 
 js-tokens@^4.0.0:
   version "4.0.0"
@@ -827,11 +858,6 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-json-parse-better-errors@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -842,11 +868,6 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-jsonc-parser@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-1.0.3.tgz#1d53d7160e401a783dbceabaad82473f80e6ad7e"
-  integrity sha512-hk/69oAeaIzchq/v3lS50PXuzn5O2ynldopMC+SWBql7J2WtdptfB9dy8Y7+Og5rPkTCpn83zTiO8FMcqlXJ/g==
-
 kleur@^3.0.0:
   version "3.0.3"
   resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
@@ -860,11 +881,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-lines-and-columns@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
-  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
-
 livereload-js@^3.1.0:
   version "3.2.4"
   resolved "https://registry.npmjs.org/livereload-js/-/livereload-js-3.2.4.tgz#21a05f8a7bd04c9531a7c63dfb6ff4b677d30f43"
@@ -890,14 +906,7 @@ lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
   integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
 
-lower-case@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
-  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
-  dependencies:
-    tslib "^1.10.0"
-
-magic-string@^0.25.2, magic-string@^0.25.3:
+magic-string@^0.25.2:
   version "0.25.7"
   resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
   integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
@@ -916,7 +925,7 @@ mime@^2.3.1:
 
 min-indent@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
+  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
 minimatch@^3.0.4:
@@ -958,14 +967,6 @@ natural-compare@^1.4.0:
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
-no-case@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.npmjs.org/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
-  integrity sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==
-  dependencies:
-    lower-case "^2.0.1"
-    tslib "^1.10.0"
-
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
@@ -1007,24 +1008,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-json@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.0.1.tgz#7cfe35c1ccd641bce3981467e6c2ece61b3b3878"
-  integrity sha512-ztoZ4/DYeXQq4E21v169sC8qWINGpcosGv9XhTDvg9/hWvx/zrFkc9BiWxR58OJLHGk28j5BL0SDLeV2WmFZlQ==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-    lines-and-columns "^1.1.6"
-
-pascal-case@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
-  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
-  dependencies:
-    no-case "^3.0.3"
-    tslib "^1.10.0"
-
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -1040,11 +1023,6 @@ path-parse@^1.0.6:
   resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
   integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
 
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
   version "2.2.2"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
@@ -1116,16 +1094,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-plugin-svelte@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-1.1.0.tgz#e6ec282d8457598b0c02164083b11ad8cb8ab304"
-  integrity sha512-wmIggG/ryV0wcmE9D5p+k5TwKDpS2SGKJpF6IV1aYHK7dkBJD+di1w47Ci00DRsI4RrXZRC2Ef37DSyrTb6Zqg==
-
-prettier@2.0.5:
-  version "2.0.5"
-  resolved "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
-  integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -1136,6 +1104,13 @@ punycode@^2.1.0:
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
+randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -1150,6 +1125,13 @@ readdirp@~3.4.0:
   dependencies:
     picomatch "^2.2.1"
 
+readdirp@~3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.5.0.tgz#9ba74c019b15d365278d2e91bb8c48d7b4d42c9e"
+  integrity sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==
+  dependencies:
+    picomatch "^2.2.1"
+
 regexpp@^3.0.0, regexpp@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
@@ -1157,7 +1139,7 @@ regexpp@^3.0.0, regexpp@^3.1.0:
 
 require-relative@^0.8.7:
   version "0.8.7"
-  resolved "https://registry.npmjs.org/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
+  resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
   integrity sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
 
 resolve-from@^4.0.0:
@@ -1165,13 +1147,21 @@ resolve-from@^4.0.0:
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.1.7, resolve@^1.11.0, resolve@^1.14.1, resolve@^1.14.2:
+resolve@^1.1.7, resolve@^1.11.0, resolve@^1.14.2:
   version "1.17.0"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
   dependencies:
     path-parse "^1.0.6"
 
+resolve@^1.14.1:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
+  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
+  dependencies:
+    is-core-module "^2.2.0"
+    path-parse "^1.0.6"
+
 rimraf@2.6.3:
   version "2.6.3"
   resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -1179,32 +1169,37 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rollup-plugin-livereload@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/rollup-plugin-livereload/-/rollup-plugin-livereload-1.3.0.tgz#8da90df13df6502b9d982997d6ac871092f15fdd"
-  integrity sha512-abyqXaB21+nFHo+vJULBqfzNx6zXABC19UyvqgDfdoxR/8pFAd041GO+GIUe8ZYC2DbuMUmioh1Lvbk14YLZgw==
+rollup-plugin-css-only@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-css-only/-/rollup-plugin-css-only-3.1.0.tgz#6a701cc5b051c6b3f0961e69b108a9a118e1b1df"
+  integrity sha512-TYMOE5uoD76vpj+RTkQLzC9cQtbnJNktHPB507FzRWBVaofg7KhIqq1kGbcVOadARSozWF883Ho9KpSPKH8gqA==
+  dependencies:
+    "@rollup/pluginutils" "4"
+
+rollup-plugin-livereload@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-livereload/-/rollup-plugin-livereload-2.0.0.tgz#d3928d74e8cf2ae4286c5dd46b770fd3f3b82313"
+  integrity sha512-oC/8NqumGYuphkqrfszOHUUIwzKsaHBICw6QRwT5uD07gvePTS+HW+GFwu6f9K8W02CUuTvtIM9AWJrbj4wE1A==
   dependencies:
     livereload "^0.9.1"
 
-rollup-plugin-svelte@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-6.1.1.tgz#66362cf0500fb7a848283ebcf19d289a60ef0871"
-  integrity sha512-ijnm0pH1ScrY4uxwaNXBpNVejVzpL2769hIEbAlnqNUWZrffLspu5/k9/l/Wsj3NrEHLQ6wCKGagVJonyfN7ow==
+rollup-plugin-svelte@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-7.1.0.tgz#d45f2b92b1014be4eb46b55aa033fb9a9c65f04d"
+  integrity sha512-vopCUq3G+25sKjwF5VilIbiY6KCuMNHP1PFvx2Vr3REBNMDllKHFZN2B9jwwC+MqNc3UPKkjXnceLPEjTjXGXg==
   dependencies:
     require-relative "^0.8.7"
     rollup-pluginutils "^2.8.2"
-    sourcemap-codec "^1.4.8"
 
-rollup-plugin-terser@^5.1.2:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz#9c0dd33d5771df9630cd027d6a2559187f65885e"
-  integrity sha512-XGMJihTIO3eIBsVGq7jiNYOdDMb3pVxuzY0uhOE/FM4x/u9nQgr3+McsjzqBn3QfHIpNSZmFnpoKAwHBEcsT7g==
+rollup-plugin-terser@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
+  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
   dependencies:
-    "@babel/code-frame" "^7.5.5"
-    jest-worker "^24.9.0"
-    rollup-pluginutils "^2.8.2"
-    serialize-javascript "^2.1.2"
-    terser "^4.6.2"
+    "@babel/code-frame" "^7.10.4"
+    jest-worker "^26.2.1"
+    serialize-javascript "^4.0.0"
+    terser "^5.0.0"
 
 rollup-pluginutils@^2.8.2:
   version "2.8.2"
@@ -1213,14 +1208,12 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^1.20.0:
-  version "1.32.1"
-  resolved "https://registry.npmjs.org/rollup/-/rollup-1.32.1.tgz#4480e52d9d9e2ae4b46ba0d9ddeaf3163940f9c4"
-  integrity sha512-/2HA0Ec70TvQnXdzynFffkjA6XN+1e2pEv/uKS5Ulca40g2L7KuOE3riasHoNVHOsFD5KKZgDsMk1CP3Tw9s+A==
-  dependencies:
-    "@types/estree" "*"
-    "@types/node" "*"
-    acorn "^7.1.0"
+rollup@^2.45.2:
+  version "2.45.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48"
+  integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ==
+  optionalDependencies:
+    fsevents "~2.3.1"
 
 rrweb-snapshot@^1.0.3:
   version "1.0.7"
@@ -1245,15 +1238,22 @@ sade@^1.4.0:
   dependencies:
     mri "^1.1.0"
 
+safe-buffer@^5.1.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
 semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
   resolved "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
 
-serialize-javascript@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
-  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+serialize-javascript@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
+  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
+  dependencies:
+    randombytes "^2.1.0"
 
 shebang-command@^2.0.0:
   version "2.0.0"
@@ -1297,7 +1297,7 @@ slice-ansi@^2.1.0:
     astral-regex "^1.0.0"
     is-fullwidth-code-point "^2.0.0"
 
-source-map-support@~0.5.12:
+source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
   integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
@@ -1305,17 +1305,17 @@ source-map-support@~0.5.12:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
+source-map@^0.7.3, source-map@~0.7.2:
   version "0.7.3"
-  resolved "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
-sourcemap-codec@^1.4.4, sourcemap-codec@^1.4.8:
+sourcemap-codec@^1.4.4:
   version "1.4.8"
   resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
@@ -1350,7 +1350,7 @@ strip-ansi@^6.0.0:
 
 strip-indent@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
   integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
   dependencies:
     min-indent "^1.0.0"
@@ -1367,12 +1367,12 @@ supports-color@^5.3.0, supports-color@^5.4.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
+supports-color@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
-    has-flag "^3.0.0"
+    has-flag "^4.0.0"
 
 supports-color@^7.1.0:
   version "7.1.0"
@@ -1381,72 +1381,31 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-svelte-check@^0.1.0:
-  version "0.1.56"
-  resolved "https://registry.npmjs.org/svelte-check/-/svelte-check-0.1.56.tgz#a82bbb10bcb61c2da5a4cfc8c60e0d2325225019"
-  integrity sha512-XFdbb72Fcu6gZnjnrawpn9DEoTUEzrN07lbcm0vawizrw8UEsBPvg55RQgdCd53vfBriBnprP5Bi3YWi9R5Q+Q==
+svelte-check@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/svelte-check/-/svelte-check-1.4.0.tgz#5d15f6ce22564fab137d28abb3f6c48aa1a22a12"
+  integrity sha512-fcACzU7EJEQBxbbUub8o/3tm5gp0txdGXin9fzHHvtHfgyS9RHSfA5poTWlteeVigu2MSqrTpvMPGT/DazyK0g==
   dependencies:
     chalk "^4.0.0"
+    chokidar "^3.4.1"
     glob "^7.1.6"
+    import-fresh "^3.2.1"
     minimist "^1.2.5"
-    svelte-language-server "*"
-    vscode-languageserver "6.1.1"
-    vscode-languageserver-protocol "3.15.3"
-    vscode-languageserver-types "3.15.1"
-    vscode-uri "2.1.1"
-
-svelte-language-server@*:
-  version "0.10.75"
-  resolved "https://registry.npmjs.org/svelte-language-server/-/svelte-language-server-0.10.75.tgz#0cfc0ceb5642564fe98a8515989b17339bc2eb8c"
-  integrity sha512-ENLhx1z1pSIG0Szm+hgp3N5aB9/PCSAK0Cs/+XjEU5m6qm2Rl1aKb6v7NnuPSlpRV8Nv+B/0/xR0HIioHRi5Vw==
-  dependencies:
-    cosmiconfig "^6.0.0"
-    estree-walker "^2.0.1"
-    lodash "^4.17.19"
-    magic-string "^0.25.3"
-    prettier "2.0.5"
-    prettier-plugin-svelte "1.1.0"
     source-map "^0.7.3"
-    svelte "3.24.0"
-    svelte-preprocess "~3.9.11"
-    svelte2tsx "*"
+    svelte-preprocess "^4.0.0"
     typescript "*"
-    vscode-css-languageservice "4.1.0"
-    vscode-emmet-helper "1.2.17"
-    vscode-html-languageservice "3.0.4-next.15"
-    vscode-languageserver "6.1.1"
-    vscode-languageserver-types "3.15.1"
-    vscode-uri "2.1.1"
 
 svelte-preprocess@^4.0.0:
-  version "4.0.8"
-  resolved "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.0.8.tgz#d283218cd078b91419d7e11371d5f79060d07196"
-  integrity sha512-RNSwuk8chC9g1MZAkHPM+/LRc2jndBPph26GN3eWNkAVkGwwt6HNskcRkUn30ZW71my1vlhMhk2D5ajVcz8RmA==
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/svelte-preprocess/-/svelte-preprocess-4.7.2.tgz#e16bf5cc152df8097485ce8c7842073a83a12b1e"
+  integrity sha512-EToG+08rEsA33btv+C5g2qnRArwpTc5AoU0QBB3ZEkYagxAb2yPNsy0qsmtvbJOTBMy6o3oyijDdl3DMpMvpEg==
   dependencies:
     "@types/pug" "^2.0.4"
     "@types/sass" "^1.16.0"
     detect-indent "^6.0.0"
     strip-indent "^3.0.0"
 
-svelte-preprocess@~3.9.11:
-  version "3.9.12"
-  resolved "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-3.9.12.tgz#21e8452e45c6a4d89df37a38714af4a0186df3a1"
-  integrity sha512-OX8a7drmlYcX/bLKbtRTvcc0lYu5Ub78D4B/GVxac2zeyrj1e5vEJU6BsxFbc/8kFDqI6BgsCLZAqsFDr/KrDQ==
-  dependencies:
-    "@types/pug" "^2.0.4"
-    "@types/sass" "^1.16.0"
-    detect-indent "^6.0.0"
-    strip-indent "^3.0.0"
-
-svelte2tsx@*:
-  version "0.1.61"
-  resolved "https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.1.61.tgz#ad06be6c74f78c5c06ecb9b1788035a0c2545968"
-  integrity sha512-XXs/85B+MED8zsuG3VPkkQQffoEVZwujgZrs2RSUl3hNPROXYkbOA+it5mMdlUzzOvaDY1ODlXoylBOU0eq6qA==
-  dependencies:
-    dedent-js "^1.0.1"
-    pascal-case "^3.1.1"
-
-svelte@3.24.0, svelte@^3.2.0:
+svelte@^3.2.0:
   version "3.24.0"
   resolved "https://registry.npmjs.org/svelte/-/svelte-3.24.0.tgz#6565a42c9705796fa66c6abb4fedc09f4323a4a8"
   integrity sha512-VFXom6EP2DK83kxy4ZlBbaZklSbZIrpNH3oNXlPYHJUuW4q1OuAr3ZoYbfIVTVYPDgrI7Yq0gQcOhDlAtO4qfw==
@@ -1461,14 +1420,14 @@ table@^5.2.3:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
-terser@^4.6.2:
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
-  integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
+terser@^5.0.0:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.6.1.tgz#a48eeac5300c0a09b36854bf90d9c26fb201973c"
+  integrity sha512-yv9YLFQQ+3ZqgWCUk+pvNJwgUTdlIxUk1WTN+RnaFJe2L7ipG2csPT0ra2XRm7Cs8cxN7QXmK1rFzEwYEQkzXw==
   dependencies:
     commander "^2.20.0"
-    source-map "~0.6.1"
-    source-map-support "~0.5.12"
+    source-map "~0.7.2"
+    source-map-support "~0.5.19"
 
 text-table@^0.2.0:
   version "0.2.0"
@@ -1487,7 +1446,7 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-tslib@^1.10.0, tslib@^1.8.1:
+tslib@^1.8.1:
   version "1.13.0"
   resolved "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
   integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
@@ -1533,80 +1492,6 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
   integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
 
-vscode-css-languageservice@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-4.1.0.tgz#144c8274e0bf1719fa6f773ca684bd1c7ffd634f"
-  integrity sha512-iTX3dTp0Y0RFWhIux5jasI8r9swdiWVB1Z3OrZ10iDHxzkETjVPxAQ5BEQU4ag0Awc8TTg1C7sJriHQY2LO14g==
-  dependencies:
-    vscode-languageserver-textdocument "^1.0.1"
-    vscode-languageserver-types "^3.15.1"
-    vscode-nls "^4.1.1"
-    vscode-uri "^2.1.1"
-
-vscode-emmet-helper@1.2.17:
-  version "1.2.17"
-  resolved "https://registry.npmjs.org/vscode-emmet-helper/-/vscode-emmet-helper-1.2.17.tgz#f0c6bfcebc4285d081fb2618e6e5b9a08c567afa"
-  integrity sha512-X4pzcrJ8dE7M3ArFuySF5fgipKDd/EauXkiJwtjBIVRWpVNq0tF9+lNCyuC7iDUwP3Oq7ow/TGssD3GdG96Jow==
-  dependencies:
-    "@emmetio/extract-abbreviation" "0.1.6"
-    jsonc-parser "^1.0.0"
-    vscode-languageserver-types "^3.6.0-next.1"
-
-vscode-html-languageservice@3.0.4-next.15:
-  version "3.0.4-next.15"
-  resolved "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-3.0.4-next.15.tgz#7214ccd9b4a06cf138b5945d9fd88285a0add490"
-  integrity sha512-UmUm3A1ZTj+BloVIyel+5pK/nfsqRfPLXzl8BA9O7v5Cj64vivddABvNf/rW1US8fzdikFNZNloC/4ooqxB2kw==
-  dependencies:
-    vscode-languageserver-textdocument "^1.0.1-next.1"
-    vscode-languageserver-types "^3.15.1"
-    vscode-nls "^4.1.1"
-    vscode-uri "^2.1.1"
-
-vscode-jsonrpc@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-5.0.1.tgz#9bab9c330d89f43fc8c1e8702b5c36e058a01794"
-  integrity sha512-JvONPptw3GAQGXlVV2utDcHx0BiY34FupW/kI6mZ5x06ER5DdPG/tXWMVHjTNULF5uKPOUUD0SaXg5QaubJL0A==
-
-vscode-languageserver-protocol@3.15.3, vscode-languageserver-protocol@^3.15.3:
-  version "3.15.3"
-  resolved "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.15.3.tgz#3fa9a0702d742cf7883cb6182a6212fcd0a1d8bb"
-  integrity sha512-zrMuwHOAQRhjDSnflWdJG+O2ztMWss8GqUUB8dXLR/FPenwkiBNkMIJJYfSN6sgskvsF0rHAoBowNQfbyZnnvw==
-  dependencies:
-    vscode-jsonrpc "^5.0.1"
-    vscode-languageserver-types "3.15.1"
-
-vscode-languageserver-textdocument@^1.0.1, vscode-languageserver-textdocument@^1.0.1-next.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.1.tgz#178168e87efad6171b372add1dea34f53e5d330f"
-  integrity sha512-UIcJDjX7IFkck7cSkNNyzIz5FyvpQfY7sdzVy+wkKN/BLaD4DQ0ppXQrKePomCxTS7RrolK1I0pey0bG9eh8dA==
-
-vscode-languageserver-types@3.15.1, vscode-languageserver-types@^3.15.1, vscode-languageserver-types@^3.6.0-next.1:
-  version "3.15.1"
-  resolved "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.15.1.tgz#17be71d78d2f6236d414f0001ce1ef4d23e6b6de"
-  integrity sha512-+a9MPUQrNGRrGU630OGbYVQ+11iOIovjCkqxajPa9w57Sd5ruK8WQNsslzpa0x/QJqC8kRc2DUxWjIFwoNm4ZQ==
-
-vscode-languageserver@6.1.1:
-  version "6.1.1"
-  resolved "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-6.1.1.tgz#d76afc68172c27d4327ee74332b468fbc740d762"
-  integrity sha512-DueEpkUAkD5XTR4MLYNr6bQIp/UFR0/IPApgXU3YfCBCB08u2sm9hRCs6DxYZELkk++STPjpcjksR2H8qI3cDQ==
-  dependencies:
-    vscode-languageserver-protocol "^3.15.3"
-
-vscode-nls@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.npmjs.org/vscode-nls/-/vscode-nls-4.1.2.tgz#ca8bf8bb82a0987b32801f9fddfdd2fb9fd3c167"
-  integrity sha512-7bOHxPsfyuCqmP+hZXscLhiHwe7CSuFE4hyhbs22xPIhQ4jv99FcR4eBzfYYVLP356HNFpdvz63FFb/xw6T4Iw==
-
-vscode-uri@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.1.tgz#5aa1803391b6ebdd17d047f51365cf62c38f6e90"
-  integrity sha512-eY9jmGoEnVf8VE8xr5znSah7Qt1P/xsCdErz+g8HYZtJ7bZqKH5E3d+6oVNm1AC/c6IHUDokbmVXKOi4qPAC9A==
-
-vscode-uri@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz#c8d40de93eb57af31f3c715dd650e2ca2c096f1c"
-  integrity sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -1637,8 +1522,3 @@ ws@^6.2.1:
   integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
   dependencies:
     async-limiter "~1.0.0"
-
-yaml@^1.7.2:
-  version "1.10.0"
-  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
-  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==

From 4eb6c0b966cb0ad93889093e99aab9a8501d667f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 317/345] upgrade rrweb

---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index a797193b..66193acc 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",
-    "rrweb": "^1.0.0-beta.0"
+    "rrweb": "^1.0.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/yarn.lock b/yarn.lock
index 9043da09..a7e33fc2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.1.4.tgz#a71d812004c340aaa5313d313a7bd343eb8c260d"
-  integrity sha512-0iVRbsWSVOVEjgE8MA0+zYwlLMSwkVsUA7KhmvVaBK+viYcbx79SKRB8PkeFz1/1Jnn9fnkzPHlh42F+xFuwbQ==
+rrweb-snapshot@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/rrweb-snapshot/download/rrweb-snapshot-1.1.6.tgz#e598510e387b9b2c62ce0cfc586a37c89549b228"
+  integrity sha1-5ZhRDjh7myxizgz8WGo3yJVJsig=
 
-rrweb@^1.0.0-beta.0:
-  version "1.0.0-beta.0"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-1.0.0-beta.0.tgz#c781794ac4cf80e55e4c240090f246891b8bf704"
-  integrity sha512-mCDDCEEJpIDNsmL9kNMl0FYMtoMlza8/wpjcK1uWOVk09jGANyxRVc0+jjUl1D83k9KlFXx0kj1TTSTYHdanMw==
+rrweb@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/rrweb/download/rrweb-1.0.0.tgz#563b0dde4fd485fbdf4c0453e00446a8a3d41245"
+  integrity sha1-VjsN3k/UhfvfTART4ARGqKPUEkU=
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     fflate "^0.4.4"
     mitt "^1.1.3"
-    rrweb-snapshot "^1.1.4"
+    rrweb-snapshot "^1.1.6"
 
 sade@^1.4.0:
   version "1.7.3"

From 9110664ca215c76bc14e2e960c3e1b22542376b9 Mon Sep 17 00:00:00 2001
From: bachmanity1 <81428651+bachmanity1@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 318/345] add keepIframeSrcFn option (#81)

* add allowIframe option to snapshot

* rename allowIframe to keepIframeSrcFn
---
 src/rebuild.ts        |  4 +---
 src/snapshot.ts       | 13 ++++++++++++-
 src/types.ts          |  3 +++
 typings/snapshot.d.ts |  4 +++-
 typings/types.d.ts    |  1 +
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index be8cd8f0..ecf94cc5 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -154,9 +154,7 @@ function buildNode(
             node.appendChild(child);
             continue;
           }
-          if (tagName === 'iframe' && name === 'src') {
-            continue;
-          }
+          
           try {
             if (n.isSVG && name === 'xlink:href') {
               node.setAttributeNS('http://www.w3.org/1999/xlink', name, value);
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 6d2fe8ff..2a80d755 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,6 +8,7 @@ import {
   MaskInputOptions,
   SlimDOMOptions,
   MaskTextFn,
+  KeepIframeSrcFn,
 } from './types';
 import { isElement, isShadowRoot } from './utils';
 
@@ -348,6 +349,7 @@ function serializeNode(
     maskInputOptions: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
     recordCanvas: boolean;
+    keepIframeSrcFn: KeepIframeSrcFn;
   },
 ): serializedNode | false {
   const {
@@ -360,6 +362,7 @@ function serializeNode(
     maskInputOptions = {},
     maskTextFn,
     recordCanvas,
+    keepIframeSrcFn
   } = options;
   // Only record root id when document object is not the base document
   let rootId: number | undefined;
@@ -483,7 +486,7 @@ function serializeNode(
         };
       }
       // iframe
-      if (tagName === 'iframe') {
+      if (tagName === 'iframe' && !keepIframeSrcFn(attributes.src as string)) {
         delete attributes.src;
       }
       return {
@@ -648,6 +651,7 @@ export function serializeNodeWithId(
     maskInputOptions?: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
     slimDOMOptions: SlimDOMOptions;
+    keepIframeSrcFn?: KeepIframeSrcFn;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
@@ -671,6 +675,7 @@ export function serializeNodeWithId(
     onSerialize,
     onIframeLoad,
     iframeLoadTimeout = 5000,
+    keepIframeSrcFn = () => false,
   } = options;
   let { preserveWhiteSpace = true } = options;
   const _serializedNode = serializeNode(n, {
@@ -683,6 +688,7 @@ export function serializeNodeWithId(
     maskInputOptions,
     maskTextFn,
     recordCanvas,
+    keepIframeSrcFn,
   });
   if (!_serializedNode) {
     // TODO: dev only
@@ -750,6 +756,7 @@ export function serializeNodeWithId(
       onSerialize,
       onIframeLoad,
       iframeLoadTimeout,
+      keepIframeSrcFn,
     };
     for (const childN of Array.from(n.childNodes)) {
       const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
@@ -800,6 +807,7 @@ export function serializeNodeWithId(
             onSerialize,
             onIframeLoad,
             iframeLoadTimeout,
+            keepIframeSrcFn,
           });
 
           if (serializedIframeNode) {
@@ -830,6 +838,7 @@ function snapshot(
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
     iframeLoadTimeout?: number;
+    keepIframeSrcFn?: KeepIframeSrcFn;
   },
 ): [serializedNodeWithId | null, idNodeMap] {
   const {
@@ -846,6 +855,7 @@ function snapshot(
     onSerialize,
     onIframeLoad,
     iframeLoadTimeout,
+    keepIframeSrcFn = () => false,
   } = options || {};
   const idNodeMap: idNodeMap = {};
   const maskInputOptions: MaskInputOptions =
@@ -909,6 +919,7 @@ function snapshot(
       onSerialize,
       onIframeLoad,
       iframeLoadTimeout,
+      keepIframeSrcFn,
     }),
     idNodeMap,
   ];
diff --git a/src/types.ts b/src/types.ts
index 0a3d2ce2..9b2a6286 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -108,3 +108,6 @@ export type SlimDOMOptions = Partial<{
 }>;
 
 export type MaskTextFn = (text: string) => string;
+
+export type KeepIframeSrcFn = (src: string) => boolean;
+
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 0581feda..6db21b71 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,4 +1,4 @@
-import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions, MaskTextFn } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions, MaskTextFn, KeepIframeSrcFn } from './types';
 export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
@@ -17,6 +17,7 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
     maskInputOptions?: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
     slimDOMOptions: SlimDOMOptions;
+    keepIframeSrcFn?: KeepIframeSrcFn;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
     onSerialize?: (n: INode) => unknown;
@@ -37,6 +38,7 @@ declare function snapshot(n: Document, options?: {
     onSerialize?: (n: INode) => unknown;
     onIframeLoad?: (iframeINode: INode, node: serializedNodeWithId) => unknown;
     iframeLoadTimeout?: number;
+    keepIframeSrcFn?: KeepIframeSrcFn;
 }): [serializedNodeWithId | null, idNodeMap];
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 export declare function cleanupSnapshot(): void;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index c43cccbe..93267fa2 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -88,3 +88,4 @@ export declare type SlimDOMOptions = Partial<{
     headMetaVerification: boolean;
 }>;
 export declare type MaskTextFn = (text: string) => string;
+export declare type KeepIframeSrcFn = (src: string) => boolean;

From 90f83c92a1ce459d4bcf0de0fb49e4cf57ce3859 Mon Sep 17 00:00:00 2001
From: Jonithan <zhou_lihan@163.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 319/345] 2 commits for optimizing chore (#53)

* fix: chore bug. Update rollup-plugin-svelte

* chore: move @tsconfig/svelte from devDependencies to dependencies, convenience for building components in other framework and typescrpit

Co-authored-by: lihanzhou <lihanzhou@tencent.com>
---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 3154c4da..496d609e 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",
     "@rollup/plugin-typescript": "^4.0.0",
-    "@tsconfig/svelte": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^3.7.0",
     "@typescript-eslint/parser": "^3.7.0",
     "eslint": "^7.5.0",
@@ -14,7 +13,7 @@
     "postcss-easy-import": "^3.0.0",
     "rollup": "^1.20.0",
     "rollup-plugin-livereload": "^1.0.0",
-    "rollup-plugin-svelte": "^5.0.3",
+    "rollup-plugin-svelte": "^6.1.1",
     "rollup-plugin-terser": "^5.1.2",
     "sirv-cli": "^0.4.4",
     "svelte": "^3.2.0",
@@ -24,7 +23,8 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.10"
+    "rrweb": "^0.9.10",
+    "@tsconfig/svelte": "^1.0.0"
   },
   "scripts": {
     "build": "rollup -c",

From d8285664dc2ba2bed17adc0d09530b7552d3d773 Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 320/345] enable sourcemaps everywhere

---
 rollup.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/rollup.config.js b/rollup.config.js
index 4b0c358e..313b8e11 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -38,6 +38,7 @@ export default entries.map((output) => ({
     file: output.file,
     format: output.format,
     name: output.name,
+    sourcemap: true,
     exports: 'auto',
   },
   plugins: [
@@ -65,7 +66,7 @@ export default entries.map((output) => ({
     }),
     commonjs(),
 
-    typescript({ sourceMap: !production }),
+    typescript(),
 
     css({
       // we'll extract any component CSS out into

From fe45dd1bc9411418b13177a881f33d0f0898822f Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 321/345] Release 0.7.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 66193acc..87bd2878 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 63cec44c1000dd2a466019ea3228f9b6edd7c486 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 322/345] format code

---
 src/rebuild.ts  | 6 +++---
 src/snapshot.ts | 6 +++---
 src/types.ts    | 1 -
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/rebuild.ts b/src/rebuild.ts
index ecf94cc5..c9322536 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -154,7 +154,7 @@ function buildNode(
             node.appendChild(child);
             continue;
           }
-          
+
           try {
             if (n.isSVG && name === 'xlink:href') {
               node.setAttributeNS('http://www.w3.org/1999/xlink', name, value);
@@ -269,7 +269,7 @@ export function buildNodeWithSN(
   }
   if (n.rootId) {
     console.assert(
-      (map[n.rootId] as unknown as Document) === doc,
+      ((map[n.rootId] as unknown) as Document) === doc,
       'Target document should has the same root id.',
     );
   }
@@ -332,7 +332,7 @@ function handleScroll(node: INode) {
   if (n.type !== NodeType.Element) {
     return;
   }
-  const el = node as Node as HTMLElement;
+  const el = (node as Node) as HTMLElement;
   for (const name in n.attributes) {
     if (!(n.attributes.hasOwnProperty(name) && name.startsWith('rr_'))) {
       continue;
diff --git a/src/snapshot.ts b/src/snapshot.ts
index 2a80d755..7e5da9e3 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -362,12 +362,12 @@ function serializeNode(
     maskInputOptions = {},
     maskTextFn,
     recordCanvas,
-    keepIframeSrcFn
+    keepIframeSrcFn,
   } = options;
   // Only record root id when document object is not the base document
   let rootId: number | undefined;
-  if ((doc as unknown as INode).__sn) {
-    const docId = (doc as unknown as INode).__sn.id;
+  if (((doc as unknown) as INode).__sn) {
+    const docId = ((doc as unknown) as INode).__sn.id;
     rootId = docId === 1 ? undefined : docId;
   }
   switch (n.nodeType) {
diff --git a/src/types.ts b/src/types.ts
index 9b2a6286..baa52211 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -110,4 +110,3 @@ export type SlimDOMOptions = Partial<{
 export type MaskTextFn = (text: string) => string;
 
 export type KeepIframeSrcFn = (src: string) => boolean;
-

From 0783554b9fdea989ee5b6a254821d10139269f34 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 323/345] update rollup config to fix breaking change in
 css.write fix #58 fix https://github.com/rrweb-io/rrweb/issues/496

---
 rollup.config.js | 25 +++++++++++++++++--------
 yarn.lock        |  8 ++++----
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/rollup.config.js b/rollup.config.js
index 1e10a3ed..84530b9a 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -12,12 +12,24 @@ const production = !process.env.ROLLUP_WATCH;
 
 const entries = (production
   ? [
-      { file: pkg.module, format: 'es' },
-      { file: pkg.main, format: 'cjs' },
-      { file: pkg.unpkg, format: 'iife', name: 'rrwebPlayer' },
+      { file: pkg.module, format: 'es', css: false },
+      { file: pkg.main, format: 'cjs', css: false },
+      {
+        file: pkg.unpkg,
+        format: 'iife',
+        name: 'rrwebPlayer',
+        css: 'style.css',
+      },
     ]
   : []
-).concat([{ file: 'public/bundle.js', format: 'iife', name: 'rrwebPlayer' }]);
+).concat([
+  {
+    file: 'public/bundle.js',
+    format: 'iife',
+    name: 'rrwebPlayer',
+    css: 'bundle.css',
+  },
+]);
 
 export default entries.map((output) => ({
   input: 'src/main.ts',
@@ -28,10 +40,7 @@ export default entries.map((output) => ({
       dev: !production,
       // we'll extract any component CSS out into
       // a separate file — better for performance
-      css: (css) => {
-        css.write('dist/style.css');
-        css.write('public/bundle.css');
-      },
+      css: output.css && ((css) => css.write(output.css)),
       preprocess: sveltePreprocess({
         postcss: {
           // eslint-disable-next-line no-undef
diff --git a/yarn.lock b/yarn.lock
index 8ecdeaba..b555573f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1186,10 +1186,10 @@ rollup-plugin-livereload@^1.0.0:
   dependencies:
     livereload "^0.9.1"
 
-rollup-plugin-svelte@^5.0.3:
-  version "5.2.3"
-  resolved "https://registry.npmjs.org/rollup-plugin-svelte/-/rollup-plugin-svelte-5.2.3.tgz#efdc15e3e3fdd9b9f1100fdc14a8532b4e587bc8"
-  integrity sha512-513vOht9A93OV7fvmpIq8mD1JFgTZ5LidmpULKM2Od9P1l8oI5KwvO32fwCnASuVJS1EkRfvCnS7vKQ8DF4srg==
+rollup-plugin-svelte@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-6.1.1.tgz#66362cf0500fb7a848283ebcf19d289a60ef0871"
+  integrity sha512-ijnm0pH1ScrY4uxwaNXBpNVejVzpL2769hIEbAlnqNUWZrffLspu5/k9/l/Wsj3NrEHLQ6wCKGagVJonyfN7ow==
   dependencies:
     require-relative "^0.8.7"
     rollup-pluginutils "^2.8.2"

From c6cb190879077e0d72ccc7daf36afe2aa2e137dd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 324/345] upgrade rrweb

---
 package.json |  2 +-
 yarn.lock    | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 496d609e..88f42222 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.10",
+    "rrweb": "^0.9.12",
     "@tsconfig/svelte": "^1.0.0"
   },
   "scripts": {
diff --git a/yarn.lock b/yarn.lock
index ea263355..8ecdeaba 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -624,6 +624,11 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fflate@^0.4.4:
+  version "0.4.8"
+  resolved "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
+  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
+
 file-entry-cache@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
@@ -995,11 +1000,6 @@ optionator@^0.9.1:
   resolved "https://registry.npmjs.org/opts/-/opts-2.0.0.tgz#c0b2cebdf53eaeafc21ed844e34773758dcf41e2"
   integrity sha512-rPleeyX48sBEc4aj7rAok5dCbvRdYpdbIdSRR4gnIK98a7Rvd4l3wlv4YHQr2mwPQTpKQiw8uipi/WoyItDINg==
 
-pako@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -1227,15 +1227,15 @@ rrweb-snapshot@^1.0.1:
   resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-1.0.1.tgz#f3800f4deb434da02b6086533c5c38e23e7e796b"
   integrity sha512-HKbfbTTDSTy4T0h/w9SubI1E5kL/qLiK08pJZRLA0MmGtqJ5nCTMtpEZXgCKMUncH3lb1rbiu+sDIoxKD+Anng==
 
-rrweb@^0.9.10:
-  version "0.9.10"
-  resolved "https://registry.npmjs.org/rrweb/-/rrweb-0.9.10.tgz#4f6611c1fda24a65b9db31e7a85c293f3cbfcfc2"
-  integrity sha512-AO/yxZ/iZ2If+PiyPFGLpgFPkkP9XC1eB0J6ItPuki2rSEVxKbSapk4AYnWKTeoNBjGDwcgUp1hKsBNQAziT5Q==
+rrweb@^0.9.12:
+  version "0.9.12"
+  resolved "https://registry.npmjs.org/rrweb/-/rrweb-0.9.12.tgz#601c6fbc166c1f3ebffaa4a83a1c41845c7f1520"
+  integrity sha512-9ZYefSOCtNkwkNgINTZ014Kt+g4J+6X8cR8b03h/kATI92DutcwPr4KwL+qlgUJnccWXoiC5Xkbl5trtQSEG0Q==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
+    fflate "^0.4.4"
     mitt "^1.1.3"
-    pako "^1.0.11"
     rrweb-snapshot "^1.0.1"
 
 sade@^1.4.0:

From 48304ffc94b44fc6af94f7f6b7ff5b322af6cf5f Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 325/345] fix validation warning

---
 src/Player.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Player.svelte b/src/Player.svelte
index 04dcd59b..f139b4d6 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { Replayer, unpack, mirror } from 'rrweb';
-  import type { eventWithTime, playerConfig } from 'rrweb/typings/types';
+  import type { eventWithTime } from 'rrweb/typings/types';
   import {
     inlineCss,
     openFullscreen,

From 5823d7a44f6ec2e4629d504ac06edf02dfee23ec Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 326/345] upgrade rrweb

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 87bd2878..cde55e50 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",
-    "rrweb": "^1.0.0"
+    "rrweb": "^1.0.1"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/yarn.lock b/yarn.lock
index a7e33fc2..38c9b3f2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1227,10 +1227,10 @@ rrweb-snapshot@^1.1.6:
   resolved "https://registry.npmjs.org/rrweb-snapshot/download/rrweb-snapshot-1.1.6.tgz#e598510e387b9b2c62ce0cfc586a37c89549b228"
   integrity sha1-5ZhRDjh7myxizgz8WGo3yJVJsig=
 
-rrweb@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/rrweb/download/rrweb-1.0.0.tgz#563b0dde4fd485fbdf4c0453e00446a8a3d41245"
-  integrity sha1-VjsN3k/UhfvfTART4ARGqKPUEkU=
+rrweb@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-1.0.1.tgz#4a1fab4ab7fec4d7308443f012e591f9c1e4d209"
+  integrity sha512-T7aH4qcJt1KUK6utF7XzfRgMLgGqntzZ5IUZw36CQ8lrsO1UQm2gyzgMFSLbDV4EgplN0oIenAT29RKT9ET3Ig==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"

From 30f82a891baebebaadf5642e52af2178dc1f3ffa Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 327/345] Release 1.1.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ca98a802..5b3e68b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From 34a05c635e0610d14cdaf818aa2be25de807d0bf Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 328/345] upgrade rrweb

---
 package.json                 |  4 ++--
 public/public/bundle.css     |  5 +++++
 public/public/bundle.css.map | 16 ++++++++++++++++
 yarn.lock                    | 18 +++++++++---------
 4 files changed, 32 insertions(+), 11 deletions(-)
 create mode 100644 public/public/bundle.css
 create mode 100644 public/public/bundle.css.map

diff --git a/package.json b/package.json
index d975cd7a..dc1bc952 100644
--- a/package.json
+++ b/package.json
@@ -23,8 +23,8 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.12",
-    "@tsconfig/svelte": "^1.0.0"
+    "@tsconfig/svelte": "^1.0.0",
+    "rrweb": "^0.9.14"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/public/public/bundle.css b/public/public/bundle.css
new file mode 100644
index 00000000..6df15051
--- /dev/null
+++ b/public/public/bundle.css
@@ -0,0 +1,5 @@
+.rr-controller.svelte-dxnc1j.svelte-dxnc1j{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-dxnc1j.svelte-dxnc1j{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-dxnc1j.svelte-dxnc1j{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-dxnc1j.svelte-dxnc1j{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-dxnc1j.svelte-dxnc1j{cursor:not-allowed}.rr-progress__step.svelte-dxnc1j.svelte-dxnc1j{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-dxnc1j.svelte-dxnc1j{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%, -50%);background:rgb(73, 80, 246)}.rr-controller__btns.svelte-dxnc1j.svelte-dxnc1j{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:active{background:#e0e1fe}.rr-controller__btns.svelte-dxnc1j button.active.svelte-dxnc1j{color:#fff;background:rgb(73, 80, 246)}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:disabled{cursor:not-allowed}
+.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:.05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==")}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;border-radius:10px;background:#4950f6;transform:translate(-10px,-10px);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px;border-radius:10px;transform:translate(-10px,-10px)}50%{opacity:.5;width:10px;height:10px;border-radius:5px;transform:translate(-5px,-5px)}}.rr-player{position:relative;background:white;float:left;border-radius:5px;box-shadow:0 24px 48px rgba(17, 16, 62, 0.12)}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}
+.switch.svelte-1mmdovf.svelte-1mmdovf{height:1em;display:flex;align-items:center}.switch.disabled.svelte-1mmdovf.svelte-1mmdovf{opacity:0.5}.label.svelte-1mmdovf.svelte-1mmdovf{margin:0 8px}.switch.svelte-1mmdovf input[type='checkbox'].svelte-1mmdovf{position:absolute;opacity:0}.switch.svelte-1mmdovf label.svelte-1mmdovf{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-1mmdovf label.svelte-1mmdovf{cursor:not-allowed}.switch.svelte-1mmdovf label.svelte-1mmdovf:before{content:'';position:absolute;width:2em;height:1em;left:0.1em;transition:background 0.1s ease;background:rgba(73, 80, 246, 0.5);border-radius:50px}.switch.svelte-1mmdovf label.svelte-1mmdovf:after{content:'';position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all 0.2s ease;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.3);background:#fcfff4;animation:switch-off 0.2s ease-out;z-index:2}.switch input[type='checkbox']:checked+label.svelte-1mmdovf.svelte-1mmdovf:before{background:rgb(73, 80, 246)}.switch input[type='checkbox']:checked+label.svelte-1mmdovf.svelte-1mmdovf:after{animation:switch-on 0.2s ease-out;left:1.1em}
+
+/*# sourceMappingURL=bundle.css.map */
\ No newline at end of file
diff --git a/public/public/bundle.css.map b/public/public/bundle.css.map
new file mode 100644
index 00000000..24c87a90
--- /dev/null
+++ b/public/public/bundle.css.map
@@ -0,0 +1,16 @@
+{
+  "version": 3,
+  "file": "bundle.css",
+  "sources": [
+    "../Controller.svelte",
+    "../Player.svelte",
+    "../Switch.svelte"
+  ],
+  "sourcesContent": [
+    "<script lang=\"ts\">import { EventType } from 'rrweb';\n;\n;\n;\nimport { onMount, onDestroy, createEventDispatcher, afterUpdate, } from 'svelte';\nimport { formatTime } from './utils';\nimport Switch from './components/Switch.svelte';\nconst dispatch = createEventDispatcher();\nexport let replayer;\nexport let showController;\nexport let autoPlay;\nexport let skipInactive;\nexport let speedOption;\nexport let speed = speedOption.length ? speedOption[0] : 1;\nexport let tags = {};\nlet currentTime = 0;\n$: {\n    dispatch('ui-update-current-time', { payload: currentTime });\n}\nlet timer = null;\nlet playerState;\n$: {\n    dispatch('ui-update-player-state', { payload: playerState });\n}\nlet speedState;\nlet progress;\nlet step;\nlet finished;\nlet meta;\n$: meta = replayer.getMetaData();\nlet percentage;\n$: {\n    const percent = Math.min(1, currentTime / meta.totalTime);\n    percentage = `${100 * percent}%`;\n    dispatch('ui-update-progress', { payload: percent });\n}\nlet customEvents;\n$: customEvents = (() => {\n    const { context } = replayer.service.state;\n    const totalEvents = context.events.length;\n    const start = context.events[0].timestamp;\n    const end = context.events[totalEvents - 1].timestamp;\n    const customEvents = [];\n    // calculate tag position.\n    const position = (startTime, endTime, tagTime) => {\n        const sessionDuration = endTime - startTime;\n        const eventDuration = endTime - tagTime;\n        const eventPosition = 100 - (eventDuration / sessionDuration) * 100;\n        return eventPosition.toFixed(2);\n    };\n    // loop through all the events and find out custom event.\n    context.events.forEach((event) => {\n        /**\n         * we are only interested in custom event and calculate it's position\n         * to place it in player's timeline.\n         */\n        if (event.type === EventType.Custom) {\n            const customEvent = {\n                name: event.data.tag,\n                background: tags[event.data.tag] || 'rgb(73, 80, 246)',\n                position: `${position(start, end, event.timestamp)}%`,\n            };\n            customEvents.push(customEvent);\n        }\n    });\n    return customEvents;\n})();\nconst loopTimer = () => {\n    stopTimer();\n    function update() {\n        currentTime = replayer.getCurrentTime();\n        if (currentTime < meta.totalTime) {\n            timer = requestAnimationFrame(update);\n        }\n    }\n    timer = requestAnimationFrame(update);\n};\nconst stopTimer = () => {\n    if (timer) {\n        cancelAnimationFrame(timer);\n        timer = null;\n    }\n};\nexport const toggle = () => {\n    switch (playerState) {\n        case 'playing':\n            pause();\n            break;\n        case 'paused':\n            play();\n            break;\n        default:\n            break;\n    }\n};\nexport const play = () => {\n    if (playerState !== 'paused') {\n        return;\n    }\n    if (finished) {\n        replayer.play();\n        finished = false;\n    }\n    else {\n        replayer.play(currentTime);\n    }\n};\nexport const pause = () => {\n    if (playerState !== 'playing') {\n        return;\n    }\n    replayer.pause();\n};\nexport const goto = (timeOffset) => {\n    currentTime = timeOffset;\n    const isPlaying = playerState === 'playing';\n    replayer.pause();\n    replayer.play(timeOffset);\n    if (!isPlaying) {\n        replayer.pause();\n    }\n};\nconst handleProgressClick = (event) => {\n    if (speedState === 'skipping') {\n        return;\n    }\n    const progressRect = progress.getBoundingClientRect();\n    const x = event.clientX - progressRect.left;\n    let percent = x / progressRect.width;\n    if (percent < 0) {\n        percent = 0;\n    }\n    else if (percent > 1) {\n        percent = 1;\n    }\n    const timeOffset = meta.totalTime * percent;\n    goto(timeOffset);\n};\nexport const setSpeed = (newSpeed) => {\n    let needFreeze = playerState === 'playing';\n    speed = newSpeed;\n    if (needFreeze) {\n        replayer.pause();\n    }\n    replayer.setConfig({ speed });\n    if (needFreeze) {\n        replayer.play(currentTime);\n    }\n};\nexport const toggleSkipInactive = () => {\n    skipInactive = !skipInactive;\n};\nonMount(() => {\n    playerState = replayer.service.state.value;\n    speedState = replayer.speedService.state.value;\n    replayer.on('state-change', (states) => {\n        const { player, speed } = states;\n        if ((player === null || player === void 0 ? void 0 : player.value) && playerState !== player.value) {\n            playerState = player.value;\n            switch (playerState) {\n                case 'playing':\n                    loopTimer();\n                    break;\n                case 'paused':\n                    stopTimer();\n                    break;\n                default:\n                    break;\n            }\n        }\n        if ((speed === null || speed === void 0 ? void 0 : speed.value) && speedState !== speed.value) {\n            speedState = speed.value;\n        }\n    });\n    replayer.on('finish', () => {\n        finished = true;\n    });\n    if (autoPlay) {\n        replayer.play();\n    }\n});\nafterUpdate(() => {\n    if (skipInactive !== replayer.config.skipInactive) {\n        replayer.setConfig({ skipInactive });\n    }\n});\nonDestroy(() => {\n    replayer.pause();\n    stopTimer();\n});\n</script>\n\n<style>\n.rr-controller {\n  width: 100%;\n  height: 80px;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  border-radius: 0 0 5px 5px;\n}\n\n.rr-timeline {\n  width: 80%;\n  display: flex;\n  align-items: center;\n}\n\n.rr-timeline__time {\n  display: inline-block;\n  width: 100px;\n  text-align: center;\n  color: #11103e;\n}\n\n.rr-progress {\n  flex: 1;\n  height: 12px;\n  background: #eee;\n  position: relative;\n  border-radius: 3px;\n  cursor: pointer;\n  box-sizing: border-box;\n  border-top: solid 4px #fff;\n  border-bottom: solid 4px #fff;\n}\n\n.rr-progress.disabled {\n  cursor: not-allowed;\n}\n\n.rr-progress__step {\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: #e0e1fe;\n}\n\n.rr-progress__handler {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  position: absolute;\n  top: 2px;\n  transform: translate(-50%, -50%);\n  background: rgb(73, 80, 246);\n}\n\n.rr-controller__btns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n}\n\n.rr-controller__btns button {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  padding: 0;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.rr-controller__btns button:active {\n  background: #e0e1fe;\n}\n\n.rr-controller__btns button.active {\n  color: #fff;\n  background: rgb(73, 80, 246);\n}\n\n.rr-controller__btns button:disabled {\n  cursor: not-allowed;\n}</style>\n\n{#if showController}\n  <div class=\"rr-controller\">\n    <div class=\"rr-timeline\">\n      <span class=\"rr-timeline__time\">{formatTime(currentTime)}</span>\n      <div\n        class=\"rr-progress\"\n        class:disabled={speedState === 'skipping'}\n        bind:this={progress}\n        on:click={(event) => handleProgressClick(event)}>\n        <div\n          class=\"rr-progress__step\"\n          bind:this={step}\n          style=\"width: {percentage}\" />\n        {#each customEvents as event}\n          <div\n            title={event.name}\n            style=\"width: 10px;height: 5px;position: absolute;top:\n            2px;transform: translate(-50%, -50%);background: {event.background};left:\n            {event.position};\" />\n        {/each}\n\n        <div class=\"rr-progress__handler\" style=\"left: {percentage}\" />\n      </div>\n      <span class=\"rr-timeline__time\">{formatTime(meta.totalTime)}</span>\n    </div>\n    <div class=\"rr-controller__btns\">\n      <button on:click={toggle}>\n        {#if playerState === 'playing'}\n          <svg\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n            width=\"16\"\n            height=\"16\">\n            <path\n              d=\"M682.65984 128q53.00224 0 90.50112 37.49888t37.49888 90.50112l0\n              512q0 53.00224-37.49888 90.50112t-90.50112\n              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224\n              37.49888-90.50112t90.50112-37.49888zM341.34016 128q53.00224 0\n              90.50112 37.49888t37.49888 90.50112l0 512q0 53.00224-37.49888\n              90.50112t-90.50112\n              37.49888-90.50112-37.49888-37.49888-90.50112l0-512q0-53.00224\n              37.49888-90.50112t90.50112-37.49888zM341.34016 213.34016q-17.67424\n              0-30.16704 12.4928t-12.4928 30.16704l0 512q0 17.67424 12.4928\n              30.16704t30.16704 12.4928 30.16704-12.4928\n              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928zM682.65984\n              213.34016q-17.67424 0-30.16704 12.4928t-12.4928 30.16704l0 512q0\n              17.67424 12.4928 30.16704t30.16704 12.4928 30.16704-12.4928\n              12.4928-30.16704l0-512q0-17.67424-12.4928-30.16704t-30.16704-12.4928z\" />\n          </svg>\n        {:else}\n          <svg\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n            width=\"16\"\n            height=\"16\">\n            <path\n              d=\"M170.65984 896l0-768 640 384zM644.66944\n              512l-388.66944-233.32864 0 466.65728z\" />\n          </svg>\n        {/if}\n      </button>\n      {#each speedOption as s}\n        <button\n          class:active={s === speed && speedState !== 'skipping'}\n          on:click={() => setSpeed(s)}\n          disabled={speedState === 'skipping'}>\n          {s}x\n        </button>\n      {/each}\n      <Switch\n        id=\"skip\"\n        bind:checked={skipInactive}\n        disabled={speedState === 'skipping'}\n        label=\"skip inactive\" />\n      <button on:click={() => dispatch('fullscreen')}>\n        <svg\n          class=\"icon\"\n          viewBox=\"0 0 1024 1024\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          width=\"16\"\n          height=\"16\">\n          <defs>\n            <style type=\"text/css\"></style>\n          </defs>\n          <path\n            d=\"M916 380c-26.4 0-48-21.6-48-48L868 223.2 613.6 477.6c-18.4\n            18.4-48.8 18.4-68 0-18.4-18.4-18.4-48.8 0-68L800 156 692 156c-26.4\n            0-48-21.6-48-48 0-26.4 21.6-48 48-48l224 0c26.4 0 48 21.6 48 48l0\n            224C964 358.4 942.4 380 916 380zM231.2 860l108.8 0c26.4 0 48 21.6 48\n            48s-21.6 48-48 48l-224 0c-26.4 0-48-21.6-48-48l0-224c0-26.4 21.6-48\n            48-48 26.4 0 48 21.6 48 48L164 792l253.6-253.6c18.4-18.4 48.8-18.4\n            68 0 18.4 18.4 18.4 48.8 0 68L231.2 860z\"\n            p-id=\"1286\" />\n        </svg>\n      </button>\n    </div>\n  </div>\n{/if}\n",
+    "<script lang=\"ts\">import { onMount, onDestroy } from 'svelte';\nimport { Replayer, unpack, mirror } from 'rrweb';\n;\nimport { inlineCss, openFullscreen, exitFullscreen, isFullscreen, onFullscreenChange, typeOf, } from './utils';\nimport Controller from './Controller.svelte';\nexport let width = 1024;\nexport let height = 576;\nexport let events = [];\nexport let skipInactive = true;\nexport let autoPlay = true;\nexport let speedOption = [1, 2, 4, 8];\nexport let speed = 1;\nexport let showController = true;\nexport let tags = {};\nexport const getMirror = () => mirror;\nconst controllerHeight = 80;\nlet player;\nlet frame;\nlet replayer;\nlet fullscreenListener;\nlet _width = width;\nlet _height = height;\nlet controller;\nlet style;\n$: style = inlineCss({\n    width: `${width}px`,\n    height: `${height}px`,\n});\nlet playerStyle;\n$: playerStyle = inlineCss({\n    width: `${width}px`,\n    height: `${height + (showController ? controllerHeight : 0)}px`,\n});\nconst updateScale = (el, frameDimension) => {\n    const widthScale = width / frameDimension.width;\n    const heightScale = height / frameDimension.height;\n    el.style.transform =\n        `scale(${Math.min(widthScale, heightScale, 1)})` +\n            'translate(-50%, -50%)';\n};\nexport const triggerResize = () => {\n    updateScale(replayer.wrapper, {\n        width: replayer.iframe.offsetWidth,\n        height: replayer.iframe.offsetHeight,\n    });\n};\nexport const toggleFullscreen = () => {\n    if (player) {\n        isFullscreen() ? exitFullscreen() : openFullscreen(player);\n    }\n};\nexport const addEventListener = (event, handler) => {\n    replayer.on(event, handler);\n    switch (event) {\n        case 'ui-update-current-time':\n        case 'ui-update-progress':\n        case 'ui-update-player-state':\n            controller.$on(event, ({ detail }) => handler(detail));\n        default:\n            break;\n    }\n};\nexport const addEvent = (event) => {\n    replayer.addEvent(event);\n};\nexport const getMetaData = () => replayer.getMetaData();\nexport const getReplayer = () => replayer;\n// by pass controller methods as public API\nexport const toggle = () => {\n    controller.toggle();\n};\nexport const setSpeed = (speed) => {\n    controller.setSpeed(speed);\n};\nexport const toggleSkipInactive = () => {\n    controller.toggleSkipInactive();\n};\nexport const play = () => {\n    controller.play();\n};\nexport const pause = () => {\n    controller.pause();\n};\nexport const goto = (timeOffset) => {\n    controller.goto(timeOffset);\n};\nonMount(() => {\n    // runtime type check\n    if (speedOption !== undefined && typeOf(speedOption) !== 'array') {\n        throw new Error('speedOption must be array');\n    }\n    speedOption.forEach((item) => {\n        if (typeOf(item) !== 'number') {\n            throw new Error('item of speedOption must be number');\n        }\n    });\n    if (speedOption.indexOf(speed) < 0) {\n        throw new Error(`speed must be one of speedOption,\n      current config:\n      {\n        ...\n        speed: ${speed},\n        speedOption: [${speedOption.toString()}]\n        ...\n      }\n      `);\n    }\n    replayer = new Replayer(events, Object.assign({ speed, root: frame, unpackFn: unpack }, $$props));\n    replayer.on('resize', (dimension) => {\n        updateScale(replayer.wrapper, dimension);\n    });\n    fullscreenListener = onFullscreenChange(() => {\n        if (isFullscreen()) {\n            setTimeout(() => {\n                _width = width;\n                _height = height;\n                width = player.offsetWidth;\n                height = player.offsetHeight;\n                updateScale(replayer.wrapper, {\n                    width: replayer.iframe.offsetWidth,\n                    height: replayer.iframe.offsetHeight,\n                });\n            }, 0);\n        }\n        else {\n            width = _width;\n            height = _height;\n            updateScale(replayer.wrapper, {\n                width: replayer.iframe.offsetWidth,\n                height: replayer.iframe.offsetHeight,\n            });\n        }\n    });\n});\nonDestroy(() => {\n    fullscreenListener && fullscreenListener();\n});\n</script>\n\n<style global>:global(.replayer-wrapper){position:relative}:global(.replayer-mouse){position:absolute;width:20px;height:20px;transition:.05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==\")}:global(.replayer-mouse:after){content:\"\";display:inline-block;width:20px;height:20px;border-radius:10px;background:#4950f6;transform:translate(-10px,-10px);opacity:.3}:global(.replayer-mouse.active:after){animation:click .2s ease-in-out 1}:global(.replayer-mouse-tail){position:absolute;pointer-events:none}@keyframes -global-click{0%{opacity:.3;width:20px;height:20px;border-radius:10px;transform:translate(-10px,-10px)}50%{opacity:.5;width:10px;height:10px;border-radius:5px;transform:translate(-5px,-5px)}}:global(.rr-player) {\n  position: relative;\n  background: white;\n  float: left;\n  border-radius: 5px;\n  box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);\n}:global(.rr-player__frame) {\n  overflow: hidden;\n}:global(.replayer-wrapper) {\n  float: left;\n  clear: both;\n  transform-origin: top left;\n  left: 50%;\n  top: 50%;\n}:global(.replayer-wrapper) > :global(iframe) {\n  border: none;\n}</style>\n\n<div class=\"rr-player\" bind:this={player} style={playerStyle}>\n  <div class=\"rr-player__frame\" bind:this={frame} {style} />\n  {#if replayer}\n    <Controller\n      bind:this={controller}\n      {replayer}\n      {showController}\n      {autoPlay}\n      {speedOption}\n      {skipInactive}\n      {tags}\n      on:fullscreen={() => toggleFullscreen()} />\n  {/if}\n</div>\n",
+    "<script lang=\"ts\">export let disabled;\nexport let checked;\nexport let id;\nexport let label;\n</script>\n\n<style>\n.switch {\n  height: 1em;\n  display: flex;\n  align-items: center;\n}\n\n.switch.disabled {\n  opacity: 0.5;\n}\n\n.label {\n  margin: 0 8px;\n}\n\n.switch input[type='checkbox'] {\n  position: absolute;\n  opacity: 0;\n}\n\n.switch label {\n  width: 2em;\n  height: 1em;\n  position: relative;\n  cursor: pointer;\n  display: block;\n}\n\n.switch.disabled label {\n  cursor: not-allowed;\n}\n\n.switch label:before {\n  content: '';\n  position: absolute;\n  width: 2em;\n  height: 1em;\n  left: 0.1em;\n  transition: background 0.1s ease;\n  background: rgba(73, 80, 246, 0.5);\n  border-radius: 50px;\n}\n\n.switch label:after {\n  content: '';\n  position: absolute;\n  width: 1em;\n  height: 1em;\n  border-radius: 50px;\n  left: 0;\n  transition: all 0.2s ease;\n  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);\n  background: #fcfff4;\n  animation: switch-off 0.2s ease-out;\n  z-index: 2;\n}\n\n.switch input[type='checkbox']:checked + label:before {\n  background: rgb(73, 80, 246);\n}\n\n.switch input[type='checkbox']:checked + label:after {\n  animation: switch-on 0.2s ease-out;\n  left: 1.1em;\n}</style>\n\n<div class=\"switch\" class:disabled>\n  <input type=\"checkbox\" {id} bind:checked {disabled} />\n  <label for={id} />\n  <span class=\"label\">{label}</span>\n</div>\n"
+  ],
+  "names": [],
+  "mappings": "AAiMA,cAAc,4BAAC,CAAC,AACd,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,IAAI,CAChB,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,YAAY,CAC7B,WAAW,CAAE,MAAM,CACnB,aAAa,CAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,AAC5B,CAAC,AAED,YAAY,4BAAC,CAAC,AACZ,KAAK,CAAE,GAAG,CACV,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,AACrB,CAAC,AAED,kBAAkB,4BAAC,CAAC,AAClB,OAAO,CAAE,YAAY,CACrB,KAAK,CAAE,KAAK,CACZ,UAAU,CAAE,MAAM,CAClB,KAAK,CAAE,OAAO,AAChB,CAAC,AAED,YAAY,4BAAC,CAAC,AACZ,IAAI,CAAE,CAAC,CACP,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,IAAI,CAChB,QAAQ,CAAE,QAAQ,CAClB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,OAAO,CACf,UAAU,CAAE,UAAU,CACtB,UAAU,CAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAC1B,aAAa,CAAE,KAAK,CAAC,GAAG,CAAC,IAAI,AAC/B,CAAC,AAED,YAAY,SAAS,4BAAC,CAAC,AACrB,MAAM,CAAE,WAAW,AACrB,CAAC,AAED,kBAAkB,4BAAC,CAAC,AAClB,MAAM,CAAE,IAAI,CACZ,QAAQ,CAAE,QAAQ,CAClB,IAAI,CAAE,CAAC,CACP,GAAG,CAAE,CAAC,CACN,UAAU,CAAE,OAAO,AACrB,CAAC,AAED,qBAAqB,4BAAC,CAAC,AACrB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,IAAI,CACnB,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,GAAG,CACR,SAAS,CAAE,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,CAChC,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,oBAAoB,4BAAC,CAAC,AACpB,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CACvB,SAAS,CAAE,IAAI,AACjB,CAAC,AAED,kCAAoB,CAAC,MAAM,cAAC,CAAC,AAC3B,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,IAAI,CACb,OAAO,CAAE,CAAC,CACV,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CACvB,UAAU,CAAE,IAAI,CAChB,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,OAAO,AACjB,CAAC,AAED,kCAAoB,CAAC,oBAAM,OAAO,AAAC,CAAC,AAClC,UAAU,CAAE,OAAO,AACrB,CAAC,AAED,kCAAoB,CAAC,MAAM,OAAO,cAAC,CAAC,AAClC,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,kCAAoB,CAAC,oBAAM,SAAS,AAAC,CAAC,AACpC,MAAM,CAAE,WAAW,AACrB,CAAC;AC/IqB,iBAAiB,AAAC,CAAC,SAAS,QAAQ,CAAC,AAAQ,eAAe,AAAC,CAAC,SAAS,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,gBAAgB,OAAO,CAAC,oBAAoB,GAAG,CAAC,kBAAkB,SAAS,CAAC,iBAAiB,IAAI,4iBAA4iB,CAAC,CAAC,AAAQ,qBAAqB,AAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,YAAY,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,OAAO,CAAC,UAAU,UAAU,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,AAAQ,4BAA4B,AAAC,CAAC,UAAU,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,AAAQ,oBAAoB,AAAC,CAAC,SAAS,QAAQ,CAAC,eAAe,IAAI,CAAC,WAAW,AAAQ,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU,UAAU,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,GAAG,CAAC,UAAU,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,AAAQ,UAAU,AAAE,CAAC,AACpzC,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,KAAK,CACjB,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,GAAG,CAClB,UAAU,CAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,AAChD,CAAC,AAAQ,iBAAiB,AAAE,CAAC,AAC3B,QAAQ,CAAE,MAAM,AAClB,CAAC,AAAQ,iBAAiB,AAAE,CAAC,AAC3B,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CACX,gBAAgB,CAAE,GAAG,CAAC,IAAI,CAC1B,IAAI,CAAE,GAAG,CACT,GAAG,CAAE,GAAG,AACV,CAAC,AAAQ,iBAAiB,AAAC,CAAW,MAAM,AAAE,CAAC,AAC7C,MAAM,CAAE,IAAI,AACd,CAAC;ACpJD,OAAO,8BAAC,CAAC,AACP,MAAM,CAAE,GAAG,CACX,OAAO,CAAE,IAAI,CACb,WAAW,CAAE,MAAM,AACrB,CAAC,AAED,OAAO,SAAS,8BAAC,CAAC,AAChB,OAAO,CAAE,GAAG,AACd,CAAC,AAED,MAAM,8BAAC,CAAC,AACN,MAAM,CAAE,CAAC,CAAC,GAAG,AACf,CAAC,AAED,sBAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,eAAC,CAAC,AAC9B,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,sBAAO,CAAC,KAAK,eAAC,CAAC,AACb,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,OAAO,CACf,OAAO,CAAE,KAAK,AAChB,CAAC,AAED,OAAO,wBAAS,CAAC,KAAK,eAAC,CAAC,AACtB,MAAM,CAAE,WAAW,AACrB,CAAC,AAED,sBAAO,CAAC,oBAAK,OAAO,AAAC,CAAC,AACpB,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,IAAI,CAAE,KAAK,CACX,UAAU,CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAChC,UAAU,CAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClC,aAAa,CAAE,IAAI,AACrB,CAAC,AAED,sBAAO,CAAC,oBAAK,MAAM,AAAC,CAAC,AACnB,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,aAAa,CAAE,IAAI,CACnB,IAAI,CAAE,CAAC,CACP,UAAU,CAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CACzB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9C,UAAU,CAAE,OAAO,CACnB,SAAS,CAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CACnC,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAG,mCAAK,OAAO,AAAC,CAAC,AACrD,UAAU,CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,AAC9B,CAAC,AAED,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAG,mCAAK,MAAM,AAAC,CAAC,AACpD,SAAS,CAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAClC,IAAI,CAAE,KAAK,AACb,CAAC"
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b555573f..1467bdde 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-1.0.1.tgz#f3800f4deb434da02b6086533c5c38e23e7e796b"
-  integrity sha512-HKbfbTTDSTy4T0h/w9SubI1E5kL/qLiK08pJZRLA0MmGtqJ5nCTMtpEZXgCKMUncH3lb1rbiu+sDIoxKD+Anng==
+rrweb-snapshot@^1.0.3:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.0.7.tgz#9d334590089af4a857970ef4e9e978d986a122d1"
+  integrity sha512-6fu9+KiQlFPkFk2SdahIDsV+yu1juiAR/o+kOiwKPbXur1TiFGMPAfaQNCkqLc8Nvyx3ItkJmrIldyxnAalEag==
 
-rrweb@^0.9.12:
-  version "0.9.12"
-  resolved "https://registry.npmjs.org/rrweb/-/rrweb-0.9.12.tgz#601c6fbc166c1f3ebffaa4a83a1c41845c7f1520"
-  integrity sha512-9ZYefSOCtNkwkNgINTZ014Kt+g4J+6X8cR8b03h/kATI92DutcwPr4KwL+qlgUJnccWXoiC5Xkbl5trtQSEG0Q==
+rrweb@^0.9.14:
+  version "0.9.14"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.14.tgz#09bec604fc44c74801e4fe910606e5a6cde008ec"
+  integrity sha512-nm2rrVNoyWFPrbGQmcvTTlA7XjbbgPIgO7qsW0Zyr5iOURIFJDGPHFmOVLRyLpWiriVtEoXh6a+x+D1sj+qwWg==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     fflate "^0.4.4"
     mitt "^1.1.3"
-    rrweb-snapshot "^1.0.1"
+    rrweb-snapshot "^1.0.3"
 
 sade@^1.4.0:
   version "1.7.3"

From 2744b59e298459e9a7972de957af4f666416d23e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 329/345] Release 0.7.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 88f42222..d975cd7a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 61626af06006ead7cbff7462b8fd00084a0f2951 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 330/345] Release 0.7.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cde55e50..fa7f88f2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 9fdd8cd2dcced47d31174708fb9787f6814edb2b Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 331/345] move maskInputValue to rrweb-snapshot (#83)

More info: https://github.com/rrweb-io/rrweb/pull/602#discussion_r660434998
---
 src/snapshot.ts       | 29 +++++++++++++++++++++--------
 src/types.ts          |  1 +
 src/utils.ts          | 29 ++++++++++++++++++++++++++++-
 typings/snapshot.d.ts |  4 +++-
 typings/types.d.ts    |  1 +
 typings/utils.d.ts    |  9 ++++++++-
 6 files changed, 62 insertions(+), 11 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 7e5da9e3..27b882be 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -8,9 +8,10 @@ import {
   MaskInputOptions,
   SlimDOMOptions,
   MaskTextFn,
+  MaskInputFn,
   KeepIframeSrcFn,
 } from './types';
-import { isElement, isShadowRoot } from './utils';
+import { isElement, isShadowRoot, maskInputValue } from './utils';
 
 let _id = 1;
 const tagNameRegex = RegExp('[^a-z0-9-_:]');
@@ -348,6 +349,7 @@ function serializeNode(
     inlineStylesheet: boolean;
     maskInputOptions: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
+    maskInputFn: MaskInputFn | undefined;
     recordCanvas: boolean;
     keepIframeSrcFn: KeepIframeSrcFn;
   },
@@ -361,13 +363,14 @@ function serializeNode(
     inlineStylesheet,
     maskInputOptions = {},
     maskTextFn,
+    maskInputFn,
     recordCanvas,
     keepIframeSrcFn,
   } = options;
   // Only record root id when document object is not the base document
   let rootId: number | undefined;
-  if (((doc as unknown) as INode).__sn) {
-    const docId = ((doc as unknown) as INode).__sn.id;
+  if ((doc as unknown as INode).__sn) {
+    const docId = (doc as unknown as INode).__sn.id;
     rootId = docId === 1 ? undefined : docId;
   }
   switch (n.nodeType) {
@@ -443,11 +446,13 @@ function serializeNode(
           attributes.type !== 'button' &&
           value
         ) {
-          attributes.value =
-            maskInputOptions[attributes.type as keyof MaskInputOptions] ||
-            maskInputOptions[tagName as keyof MaskInputOptions]
-              ? '*'.repeat(value.length)
-              : value;
+          attributes.value = maskInputValue({
+            type: attributes.type,
+            tagName,
+            value,
+            maskInputOptions,
+            maskInputFn,
+          });
         } else if ((n as HTMLInputElement).checked) {
           attributes.checked = (n as HTMLInputElement).checked;
         }
@@ -650,6 +655,7 @@ export function serializeNodeWithId(
     inlineStylesheet: boolean;
     maskInputOptions?: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
+    maskInputFn: MaskInputFn | undefined;
     slimDOMOptions: SlimDOMOptions;
     keepIframeSrcFn?: KeepIframeSrcFn;
     recordCanvas?: boolean;
@@ -670,6 +676,7 @@ export function serializeNodeWithId(
     inlineStylesheet = true,
     maskInputOptions = {},
     maskTextFn,
+    maskInputFn,
     slimDOMOptions,
     recordCanvas = false,
     onSerialize,
@@ -687,6 +694,7 @@ export function serializeNodeWithId(
     inlineStylesheet,
     maskInputOptions,
     maskTextFn,
+    maskInputFn,
     recordCanvas,
     keepIframeSrcFn,
   });
@@ -750,6 +758,7 @@ export function serializeNodeWithId(
       inlineStylesheet,
       maskInputOptions,
       maskTextFn,
+      maskInputFn,
       slimDOMOptions,
       recordCanvas,
       preserveWhiteSpace,
@@ -801,6 +810,7 @@ export function serializeNodeWithId(
             inlineStylesheet,
             maskInputOptions,
             maskTextFn,
+            maskInputFn,
             slimDOMOptions,
             recordCanvas,
             preserveWhiteSpace,
@@ -832,6 +842,7 @@ function snapshot(
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
     maskTextFn?: MaskTextFn;
+    maskInputFn?: MaskTextFn;
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
@@ -850,6 +861,7 @@ function snapshot(
     recordCanvas = false,
     maskAllInputs = false,
     maskTextFn,
+    maskInputFn,
     slimDOM = false,
     preserveWhiteSpace,
     onSerialize,
@@ -913,6 +925,7 @@ function snapshot(
       inlineStylesheet,
       maskInputOptions,
       maskTextFn,
+      maskInputFn,
       slimDOMOptions,
       recordCanvas,
       preserveWhiteSpace,
diff --git a/src/types.ts b/src/types.ts
index baa52211..ffeef690 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -108,5 +108,6 @@ export type SlimDOMOptions = Partial<{
 }>;
 
 export type MaskTextFn = (text: string) => string;
+export type MaskInputFn = (text: string) => string;
 
 export type KeepIframeSrcFn = (src: string) => boolean;
diff --git a/src/utils.ts b/src/utils.ts
index df6cf20b..ed5c5f75 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,4 +1,4 @@
-import { INode } from './types';
+import { INode, MaskInputFn, MaskInputOptions } from './types';
 
 export function isElement(n: Node | INode): n is Element {
   return n.nodeType === n.ELEMENT_NODE;
@@ -8,3 +8,30 @@ export function isShadowRoot(n: Node): n is ShadowRoot {
   const host: Element | null = (n as ShadowRoot)?.host;
   return Boolean(host && host.shadowRoot && host.shadowRoot === n);
 }
+
+export function maskInputValue({
+  maskInputOptions,
+  tagName,
+  type,
+  value,
+  maskInputFn,
+}: {
+  maskInputOptions: MaskInputOptions;
+  tagName: string;
+  type: string | number | boolean | null;
+  value: string | null;
+  maskInputFn?: MaskInputFn;
+}): string {
+  let text = value || '';
+  if (
+    maskInputOptions[tagName.toLowerCase() as keyof MaskInputOptions] ||
+    maskInputOptions[type as keyof MaskInputOptions]
+  ) {
+    if (maskInputFn) {
+      text = maskInputFn(text);
+    } else {
+      text = '*'.repeat(text.length);
+    }
+  }
+  return text;
+}
diff --git a/typings/snapshot.d.ts b/typings/snapshot.d.ts
index 6db21b71..9ccb147a 100644
--- a/typings/snapshot.d.ts
+++ b/typings/snapshot.d.ts
@@ -1,4 +1,4 @@
-import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions, MaskTextFn, KeepIframeSrcFn } from './types';
+import { serializedNodeWithId, INode, idNodeMap, MaskInputOptions, SlimDOMOptions, MaskTextFn, MaskInputFn, KeepIframeSrcFn } from './types';
 export declare const IGNORED_NODE = -2;
 export declare function absoluteToStylesheet(cssText: string | null, href: string): string;
 export declare function absoluteToDoc(doc: Document, attributeValue: string): string;
@@ -16,6 +16,7 @@ export declare function serializeNodeWithId(n: Node | INode, options: {
     inlineStylesheet: boolean;
     maskInputOptions?: MaskInputOptions;
     maskTextFn: MaskTextFn | undefined;
+    maskInputFn: MaskInputFn | undefined;
     slimDOMOptions: SlimDOMOptions;
     keepIframeSrcFn?: KeepIframeSrcFn;
     recordCanvas?: boolean;
@@ -32,6 +33,7 @@ declare function snapshot(n: Document, options?: {
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
     maskTextFn?: MaskTextFn;
+    maskInputFn?: MaskTextFn;
     slimDOM?: boolean | SlimDOMOptions;
     recordCanvas?: boolean;
     preserveWhiteSpace?: boolean;
diff --git a/typings/types.d.ts b/typings/types.d.ts
index 93267fa2..8524801c 100644
--- a/typings/types.d.ts
+++ b/typings/types.d.ts
@@ -88,4 +88,5 @@ export declare type SlimDOMOptions = Partial<{
     headMetaVerification: boolean;
 }>;
 export declare type MaskTextFn = (text: string) => string;
+export declare type MaskInputFn = (text: string) => string;
 export declare type KeepIframeSrcFn = (src: string) => boolean;
diff --git a/typings/utils.d.ts b/typings/utils.d.ts
index a896748e..dfb1b70a 100644
--- a/typings/utils.d.ts
+++ b/typings/utils.d.ts
@@ -1,3 +1,10 @@
-import { INode } from './types';
+import { INode, MaskInputFn, MaskInputOptions } from './types';
 export declare function isElement(n: Node | INode): n is Element;
 export declare function isShadowRoot(n: Node): n is ShadowRoot;
+export declare function maskInputValue({ maskInputOptions, tagName, type, value, maskInputFn, }: {
+    maskInputOptions: MaskInputOptions;
+    tagName: string;
+    type: string | number | boolean | null;
+    value: string | null;
+    maskInputFn?: MaskInputFn;
+}): string;

From 70589468244c7c4c81998a72af06438973bbb539 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 332/345] Release 0.7.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dc1bc952..33e1f2e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 45bfc12bcf81f52049f136a420600513f470db05 Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 333/345] allow goto to specify if it should play or pause

---
 src/Controller.svelte | 13 +++++++------
 src/Player.svelte     |  4 ++--
 typings/index.d.ts    |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/Controller.svelte b/src/Controller.svelte
index 38292dfc..e7e430e0 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -141,13 +141,14 @@
     replayer.pause();
   };
 
-  export const goto = (timeOffset: number) => {
+  export const goto = (timeOffset: number, play?: boolean) => {
     currentTime = timeOffset;
-    const isPlaying = playerState === 'playing';
-    replayer.pause();
-    replayer.play(timeOffset);
-    if (!isPlaying) {
-      replayer.pause();
+    const resumePlaying =
+      typeof play === 'boolean' ? play : playerState === 'playing';
+    if (resumePlaying) {
+      replayer.play(timeOffset);
+    } else {
+      replayer.pause(timeOffset);
     }
   };
 
diff --git a/src/Player.svelte b/src/Player.svelte
index 04dcd59b..000b4082 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -109,8 +109,8 @@
   export const pause = () => {
     controller.pause();
   };
-  export const goto = (timeOffset: number) => {
-    controller.goto(timeOffset);
+  export const goto = (timeOffset: number, play?: boolean) => {
+    controller.goto(timeOffset, play);
   };
 
   onMount(() => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index 6268e7bb..74124481 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -32,5 +32,5 @@ export default class rrwebPlayer extends SvelteComponent {
   triggerResize: () => void;
   play: () => void;
   pause: () => void;
-  goto: (timeOffset: number) => void;
+  goto: (timeOffset: number, play?: boolean) => void;
 }

From d9133fd7ac07f68ac1af6f55e5264a5c5eebe53e Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 334/345] Release 1.1.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5b3e68b3..2c611aea 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From 76c75aaeb6c0c8f3482e16dba9cd2c32821c9226 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 335/345] Bump ws from 6.2.1 to 6.2.2 (#72)

Bumps [ws](https://github.com/websockets/ws) from 6.2.1 to 6.2.2.
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/commits)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 1467bdde..586bf9b7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -287,7 +287,7 @@ astral-regex@^1.0.0:
 
 async-limiter@~1.0.0:
   version "1.0.1"
-  resolved "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
   integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
 
 balanced-match@^1.0.0:
@@ -1632,9 +1632,9 @@ write@1.0.3:
     mkdirp "^0.5.1"
 
 ws@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
-  integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
+  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
   dependencies:
     async-limiter "~1.0.0"
 

From 9348f623dc6a50e9622d77da4de855df68f5846c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 336/345] Bump lodash from 4.17.19 to 4.17.21

Bumps [lodash](https://github.com/lodash/lodash) from 4.17.19 to 4.17.21.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](https://github.com/lodash/lodash/compare/4.17.19...4.17.21)

Signed-off-by: dependabot[bot] <support@github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 1467bdde..b5cb5065 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -886,9 +886,9 @@ local-access@^1.0.1:
   integrity sha512-ykt2pgN0aqIy6KQC1CqdWTWkmUwNgaOS6dcpHVjyBJONA+Xi7AtSB1vuxC/U/0tjIP3wcRudwQk1YYzUvzk2bA==
 
 lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
-  version "4.17.19"
-  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
-  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 lower-case@^2.0.1:
   version "2.0.1"

From 3c7aeb3b13cc55444ae5eb1f4ae772e4cbb4fdef Mon Sep 17 00:00:00 2001
From: AssafKr <assafk88@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 337/345] Handle quoted strings in data url (#84)

* handle quoted strings in data url

* unrefactor

* update package json

* Revert "update package json"

This reverts commit 9446109b0f94d9e569a961642f1e57b1a67793ee.

* change background-image to border-image
---
 src/snapshot.ts                        | 2 +-
 test/__snapshots__/integration.ts.snap | 4 ++--
 test/css/style.css                     | 1 +
 test/snapshot.test.ts                  | 8 ++++++++
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/snapshot.ts b/src/snapshot.ts
index 27b882be..f412cbfd 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -69,7 +69,7 @@ function extractOrigin(url: string): string {
   return origin;
 }
 
-const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
+const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
 const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/|#).*/;
 const DATA_URI = /^(data:)([^,]*),(.*)/i;
 export function absoluteToStylesheet(
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index afa7b2a0..cd30b31c 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -297,7 +297,7 @@ exports[`[html file]: with-style-sheet.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>with style sheet</title>
-  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
+  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); border-image: url(\\"data:image/svg+xml;utf8,&lt;svg xmlns=\\\\\\"http://www.w3.org/2000/svg\\\\\\" x=\\\\\\"0px\\\\\\" y=\\\\\\"0px\\\\\\" viewBox=\\\\\\"0 0 256 256\\\\\\"&gt;&lt;g&gt;&lt;g&gt;&lt;polygon points=\\\\\\"79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128\\\\\\"/&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;\\") 100% / 1 / 0 stretch; }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
 </head><body>
 </body></html>"
 `;
@@ -308,7 +308,7 @@ exports[`[html file]: with-style-sheet-with-import.html 1`] = `
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
   <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
   <title>with style sheet with import</title>
-  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
+  <style>body { margin: 0px; background: url(\\"http://localhost:3030/a.jpg\\"); border-image: url(\\"data:image/svg+xml;utf8,&lt;svg xmlns=\\\\\\"http://www.w3.org/2000/svg\\\\\\" x=\\\\\\"0px\\\\\\" y=\\\\\\"0px\\\\\\" viewBox=\\\\\\"0 0 256 256\\\\\\"&gt;&lt;g&gt;&lt;g&gt;&lt;polygon points=\\\\\\"79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128\\\\\\"/&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;\\") 100% / 1 / 0 stretch; }p { color: red; background: url(\\"http://localhost:3030/css/b.jpg\\"); }body &gt; p { color: yellow; }</style>
 </head><body>
 </body></html>"
 `;
diff --git a/test/css/style.css b/test/css/style.css
index fe10f55d..2b3faf2a 100644
--- a/test/css/style.css
+++ b/test/css/style.css
@@ -1,6 +1,7 @@
 body {
   margin: 0;
   background: url('../a.jpg');
+  border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g></svg>');
 }
 p {
   color: red;
diff --git a/test/snapshot.test.ts b/test/snapshot.test.ts
index 025fac6c..4d96a02b 100644
--- a/test/snapshot.test.ts
+++ b/test/snapshot.test.ts
@@ -89,6 +89,14 @@ describe('absolute url to stylesheet', () => {
     ).to.equal(
       'url(\'data:image/svg+xml;utf8,<svg width="28" height="32" viewBox="0 0 28 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 14C28" fill="white"/></svg>\')',
     );
+    expect(
+      absoluteToStylesheet(
+        'url("data:image/svg+xml;utf8,<svg width=\"28\" height=\"32\" viewBox=\"0 0 28 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M27 14C28\" fill=\"white\"/></svg>")',
+        href,
+      ),
+    ).to.equal(
+      'url("data:image/svg+xml;utf8,<svg width=\"28\" height=\"32\" viewBox=\"0 0 28 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M27 14C28\" fill=\"white\"/></svg>")',
+    );
   });
   it('can handle empty path', () => {
     expect(absoluteToStylesheet(`url('')`, href)).to.equal(`url('')`);

From f2925644f1039acb8f1934b6a694697f96992c17 Mon Sep 17 00:00:00 2001
From: Fatih Solhan <22654053+fatihsolhan@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 338/345] Add Vue.js version link to readme file

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 3e411bf6..9539d354 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 *Psst — looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*
 
+*Looking for a Vue.js version? Go here --> [@preflight-hq/rrweb-player-vue](https://github.com/Preflight-HQ/rrweb-player-vue)*
+
 ---
 
 # svelte app

From ec8473b5e4a8a5f0f2b516317eeb3271d06ac1a6 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 339/345] ignore prefetch and preload script links

related to:
1. https://github.com/rrweb-io/rrweb/issues/52
2. https://github.com/rrweb-io/rrweb/issues/297
3. https://github.com/rrweb-io/rrweb/issues/597
---
 src/rebuild.ts                         | 23 +++++++++++++++++++----
 src/snapshot.ts                        | 13 ++++++++++---
 test/__snapshots__/integration.ts.snap | 11 +++++++++++
 test/html/preload.html                 | 11 +++++++++++
 4 files changed, 51 insertions(+), 7 deletions(-)
 create mode 100644 test/html/preload.html

diff --git a/src/rebuild.ts b/src/rebuild.ts
index c9322536..a0778a0c 100644
--- a/src/rebuild.ts
+++ b/src/rebuild.ts
@@ -58,8 +58,8 @@ function getTagName(n: elementNode): string {
 }
 
 // based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
-function escapeRegExp(string: string) {
-  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+function escapeRegExp(str: string) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 }
 
 const HOVER_SELECTOR = /([^\\]):hover/;
@@ -84,7 +84,9 @@ export function addHoverClass(cssText: string): string {
     }
   });
 
-  if (selectors.length === 0) return cssText;
+  if (selectors.length === 0) {
+    return cssText;
+  }
 
   const selectorMatcher = new RegExp(
     selectors
@@ -170,12 +172,25 @@ function buildNode(
             } else if (
               tagName === 'meta' &&
               n.attributes['http-equiv'] === 'Content-Security-Policy' &&
-              name == 'content'
+              name === 'content'
             ) {
               // If CSP contains style-src and inline-style is disabled, there will be an error "Refused to apply inline style because it violates the following Content Security Policy directive: style-src '*'".
               // And the function insertStyleRules in rrweb replayer will throw an error "Uncaught TypeError: Cannot read property 'insertRule' of null".
               node.setAttribute('csp-content', value);
               continue;
+            } else if (
+              tagName === 'link' &&
+              n.attributes.rel === 'preload' &&
+              n.attributes.as === 'script'
+            ) {
+              // ignore
+            } else if (
+              tagName === 'link' &&
+              n.attributes.rel === 'prefetch' &&
+              typeof n.attributes.href === 'string' &&
+              n.attributes.href.endsWith('.js')
+            ) {
+              // ignore
             } else {
               node.setAttribute(name, value);
             }
diff --git a/src/snapshot.ts b/src/snapshot.ts
index f412cbfd..49c2e13c 100644
--- a/src/snapshot.ts
+++ b/src/snapshot.ts
@@ -369,8 +369,8 @@ function serializeNode(
   } = options;
   // Only record root id when document object is not the base document
   let rootId: number | undefined;
-  if ((doc as unknown as INode).__sn) {
-    const docId = (doc as unknown as INode).__sn.id;
+  if (((doc as unknown) as INode).__sn) {
+    const docId = ((doc as unknown) as INode).__sn.id;
     rootId = docId === 1 ? undefined : docId;
   }
   switch (n.nodeType) {
@@ -568,10 +568,17 @@ function slimDOMExcluded(
   } else if (sn.type === NodeType.Element) {
     if (
       slimDOMOptions.script &&
+      // script tag
       (sn.tagName === 'script' ||
+        // preload link
         (sn.tagName === 'link' &&
           sn.attributes.rel === 'preload' &&
-          sn.attributes.as === 'script'))
+          sn.attributes.as === 'script') ||
+        // prefetch link
+        (sn.tagName === 'link' &&
+          sn.attributes.rel === 'prefetch' &&
+          typeof sn.attributes.href === 'string' &&
+          sn.attributes.href.endsWith('.js')))
     ) {
       return true;
     } else if (
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
index cd30b31c..e087f79b 100644
--- a/test/__snapshots__/integration.ts.snap
+++ b/test/__snapshots__/integration.ts.snap
@@ -226,6 +226,17 @@ exports[`[html file]: picture.html 1`] = `
   </body></html>"
 `;
 
+exports[`[html file]: preload.html 1`] = `
+"<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
+    <meta charset=\\"UTF-8\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <title>Document</title>
+    <link />
+    <link />
+  </head>
+  <body></body></html>"
+`;
+
 exports[`[html file]: shadow-dom.html 1`] = `
 "<!DOCTYPE html><html xmlns=\\"http://www.w3.org/1999/xhtml\\" lang=\\"en\\"><head>
     <meta charset=\\"UTF-8\\" />
diff --git a/test/html/preload.html b/test/html/preload.html
new file mode 100644
index 00000000..32e84a26
--- /dev/null
+++ b/test/html/preload.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="preload" href="https://example/path/to/preload.js" as="script" />
+    <link rel="prefetch" href="https://example/path/to/prefetch.js" />
+  </head>
+  <body></body>
+</html>

From c208a40e8e5f1c48249443922cf3034c5a6701e5 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 340/345] Release 1.1.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2c611aea..bd312935 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-snapshot",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

From ec423f29d004a09b94ed6b37b312f4aaba6b42fd Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 341/345] Release 0.7.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d0c7e162..d47c45f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rrweb-player",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-node-resolve": "^7.0.0",

From 392c4bd871d73e6f82ea99c22f17d785fab7e841 Mon Sep 17 00:00:00 2001
From: Mark-fenng <f18846188605@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 342/345] moved rrweb-snapshot into packages/rrweb-snapshot

---
 .release-it.json => packages/rrweb-snapshot/.release-it.json      | 0
 LICENSE => packages/rrweb-snapshot/LICENSE                        | 0
 README.md => packages/rrweb-snapshot/README.md                    | 0
 package.json => packages/rrweb-snapshot/package.json              | 0
 rollup.config.js => packages/rrweb-snapshot/rollup.config.js      | 0
 {src => packages/rrweb-snapshot/src}/css.ts                       | 0
 {src => packages/rrweb-snapshot/src}/index.ts                     | 0
 {src => packages/rrweb-snapshot/src}/rebuild.ts                   | 0
 {src => packages/rrweb-snapshot/src}/snapshot.ts                  | 0
 {src => packages/rrweb-snapshot/src}/types.ts                     | 0
 {src => packages/rrweb-snapshot/src}/utils.ts                     | 0
 test.d.ts => packages/rrweb-snapshot/test.d.ts                    | 0
 .../rrweb-snapshot/test}/__snapshots__/integration.ts.snap        | 0
 {test => packages/rrweb-snapshot/test}/css.test.ts                | 0
 {test => packages/rrweb-snapshot/test}/css/benchmark.css          | 0
 {test => packages/rrweb-snapshot/test}/css/style-with-import.css  | 0
 {test => packages/rrweb-snapshot/test}/css/style.css              | 0
 {test => packages/rrweb-snapshot/test}/html/about-mozilla.html    | 0
 {test => packages/rrweb-snapshot/test}/html/basic.html            | 0
 {test => packages/rrweb-snapshot/test}/html/block-element.html    | 0
 {test => packages/rrweb-snapshot/test}/html/cors-style-sheet.html | 0
 .../rrweb-snapshot/test}/html/dynamic-stylesheet.html             | 0
 {test => packages/rrweb-snapshot/test}/html/form-fields.html      | 0
 {test => packages/rrweb-snapshot/test}/html/hover.html            | 0
 {test => packages/rrweb-snapshot/test}/html/iframe-inner.html     | 0
 {test => packages/rrweb-snapshot/test}/html/iframe.html           | 0
 .../rrweb-snapshot/test}/html/invalid-attribute.html              | 0
 {test => packages/rrweb-snapshot/test}/html/invalid-doctype.html  | 0
 {test => packages/rrweb-snapshot/test}/html/invalid-tagname.html  | 0
 {test => packages/rrweb-snapshot/test}/html/mask-text.html        | 0
 {test => packages/rrweb-snapshot/test}/html/picture.html          | 0
 {test => packages/rrweb-snapshot/test}/html/preload.html          | 0
 {test => packages/rrweb-snapshot/test}/html/shadow-dom.html       | 0
 {test => packages/rrweb-snapshot/test}/html/video.html            | 0
 .../rrweb-snapshot/test}/html/with-relative-res.html              | 0
 {test => packages/rrweb-snapshot/test}/html/with-script.html      | 0
 .../rrweb-snapshot/test}/html/with-style-sheet-with-import.html   | 0
 {test => packages/rrweb-snapshot/test}/html/with-style-sheet.html | 0
 {test => packages/rrweb-snapshot/test}/iframe-html/frame1.html    | 0
 {test => packages/rrweb-snapshot/test}/iframe-html/frame2.html    | 0
 {test => packages/rrweb-snapshot/test}/iframe-html/main.html      | 0
 {test => packages/rrweb-snapshot/test}/integration.ts             | 0
 {test => packages/rrweb-snapshot/test}/js/a.js                    | 0
 {test => packages/rrweb-snapshot/test}/rebuild.test.ts            | 0
 {test => packages/rrweb-snapshot/test}/snapshot.test.ts           | 0
 tsconfig.json => packages/rrweb-snapshot/tsconfig.json            | 0
 tslint.json => packages/rrweb-snapshot/tslint.json                | 0
 {typings => packages/rrweb-snapshot/typings}/css.d.ts             | 0
 {typings => packages/rrweb-snapshot/typings}/index.d.ts           | 0
 {typings => packages/rrweb-snapshot/typings}/rebuild.d.ts         | 0
 {typings => packages/rrweb-snapshot/typings}/snapshot.d.ts        | 0
 {typings => packages/rrweb-snapshot/typings}/types.d.ts           | 0
 {typings => packages/rrweb-snapshot/typings}/utils.d.ts           | 0
 53 files changed, 0 insertions(+), 0 deletions(-)
 rename .release-it.json => packages/rrweb-snapshot/.release-it.json (100%)
 rename LICENSE => packages/rrweb-snapshot/LICENSE (100%)
 rename README.md => packages/rrweb-snapshot/README.md (100%)
 rename package.json => packages/rrweb-snapshot/package.json (100%)
 rename rollup.config.js => packages/rrweb-snapshot/rollup.config.js (100%)
 rename {src => packages/rrweb-snapshot/src}/css.ts (100%)
 rename {src => packages/rrweb-snapshot/src}/index.ts (100%)
 rename {src => packages/rrweb-snapshot/src}/rebuild.ts (100%)
 rename {src => packages/rrweb-snapshot/src}/snapshot.ts (100%)
 rename {src => packages/rrweb-snapshot/src}/types.ts (100%)
 rename {src => packages/rrweb-snapshot/src}/utils.ts (100%)
 rename test.d.ts => packages/rrweb-snapshot/test.d.ts (100%)
 rename {test => packages/rrweb-snapshot/test}/__snapshots__/integration.ts.snap (100%)
 rename {test => packages/rrweb-snapshot/test}/css.test.ts (100%)
 rename {test => packages/rrweb-snapshot/test}/css/benchmark.css (100%)
 rename {test => packages/rrweb-snapshot/test}/css/style-with-import.css (100%)
 rename {test => packages/rrweb-snapshot/test}/css/style.css (100%)
 rename {test => packages/rrweb-snapshot/test}/html/about-mozilla.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/basic.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/block-element.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/cors-style-sheet.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/dynamic-stylesheet.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/form-fields.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/hover.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/iframe-inner.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/iframe.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/invalid-attribute.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/invalid-doctype.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/invalid-tagname.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/mask-text.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/picture.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/preload.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/shadow-dom.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/video.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/with-relative-res.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/with-script.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/with-style-sheet-with-import.html (100%)
 rename {test => packages/rrweb-snapshot/test}/html/with-style-sheet.html (100%)
 rename {test => packages/rrweb-snapshot/test}/iframe-html/frame1.html (100%)
 rename {test => packages/rrweb-snapshot/test}/iframe-html/frame2.html (100%)
 rename {test => packages/rrweb-snapshot/test}/iframe-html/main.html (100%)
 rename {test => packages/rrweb-snapshot/test}/integration.ts (100%)
 rename {test => packages/rrweb-snapshot/test}/js/a.js (100%)
 rename {test => packages/rrweb-snapshot/test}/rebuild.test.ts (100%)
 rename {test => packages/rrweb-snapshot/test}/snapshot.test.ts (100%)
 rename tsconfig.json => packages/rrweb-snapshot/tsconfig.json (100%)
 rename tslint.json => packages/rrweb-snapshot/tslint.json (100%)
 rename {typings => packages/rrweb-snapshot/typings}/css.d.ts (100%)
 rename {typings => packages/rrweb-snapshot/typings}/index.d.ts (100%)
 rename {typings => packages/rrweb-snapshot/typings}/rebuild.d.ts (100%)
 rename {typings => packages/rrweb-snapshot/typings}/snapshot.d.ts (100%)
 rename {typings => packages/rrweb-snapshot/typings}/types.d.ts (100%)
 rename {typings => packages/rrweb-snapshot/typings}/utils.d.ts (100%)

diff --git a/.release-it.json b/packages/rrweb-snapshot/.release-it.json
similarity index 100%
rename from .release-it.json
rename to packages/rrweb-snapshot/.release-it.json
diff --git a/LICENSE b/packages/rrweb-snapshot/LICENSE
similarity index 100%
rename from LICENSE
rename to packages/rrweb-snapshot/LICENSE
diff --git a/README.md b/packages/rrweb-snapshot/README.md
similarity index 100%
rename from README.md
rename to packages/rrweb-snapshot/README.md
diff --git a/package.json b/packages/rrweb-snapshot/package.json
similarity index 100%
rename from package.json
rename to packages/rrweb-snapshot/package.json
diff --git a/rollup.config.js b/packages/rrweb-snapshot/rollup.config.js
similarity index 100%
rename from rollup.config.js
rename to packages/rrweb-snapshot/rollup.config.js
diff --git a/src/css.ts b/packages/rrweb-snapshot/src/css.ts
similarity index 100%
rename from src/css.ts
rename to packages/rrweb-snapshot/src/css.ts
diff --git a/src/index.ts b/packages/rrweb-snapshot/src/index.ts
similarity index 100%
rename from src/index.ts
rename to packages/rrweb-snapshot/src/index.ts
diff --git a/src/rebuild.ts b/packages/rrweb-snapshot/src/rebuild.ts
similarity index 100%
rename from src/rebuild.ts
rename to packages/rrweb-snapshot/src/rebuild.ts
diff --git a/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
similarity index 100%
rename from src/snapshot.ts
rename to packages/rrweb-snapshot/src/snapshot.ts
diff --git a/src/types.ts b/packages/rrweb-snapshot/src/types.ts
similarity index 100%
rename from src/types.ts
rename to packages/rrweb-snapshot/src/types.ts
diff --git a/src/utils.ts b/packages/rrweb-snapshot/src/utils.ts
similarity index 100%
rename from src/utils.ts
rename to packages/rrweb-snapshot/src/utils.ts
diff --git a/test.d.ts b/packages/rrweb-snapshot/test.d.ts
similarity index 100%
rename from test.d.ts
rename to packages/rrweb-snapshot/test.d.ts
diff --git a/test/__snapshots__/integration.ts.snap b/packages/rrweb-snapshot/test/__snapshots__/integration.ts.snap
similarity index 100%
rename from test/__snapshots__/integration.ts.snap
rename to packages/rrweb-snapshot/test/__snapshots__/integration.ts.snap
diff --git a/test/css.test.ts b/packages/rrweb-snapshot/test/css.test.ts
similarity index 100%
rename from test/css.test.ts
rename to packages/rrweb-snapshot/test/css.test.ts
diff --git a/test/css/benchmark.css b/packages/rrweb-snapshot/test/css/benchmark.css
similarity index 100%
rename from test/css/benchmark.css
rename to packages/rrweb-snapshot/test/css/benchmark.css
diff --git a/test/css/style-with-import.css b/packages/rrweb-snapshot/test/css/style-with-import.css
similarity index 100%
rename from test/css/style-with-import.css
rename to packages/rrweb-snapshot/test/css/style-with-import.css
diff --git a/test/css/style.css b/packages/rrweb-snapshot/test/css/style.css
similarity index 100%
rename from test/css/style.css
rename to packages/rrweb-snapshot/test/css/style.css
diff --git a/test/html/about-mozilla.html b/packages/rrweb-snapshot/test/html/about-mozilla.html
similarity index 100%
rename from test/html/about-mozilla.html
rename to packages/rrweb-snapshot/test/html/about-mozilla.html
diff --git a/test/html/basic.html b/packages/rrweb-snapshot/test/html/basic.html
similarity index 100%
rename from test/html/basic.html
rename to packages/rrweb-snapshot/test/html/basic.html
diff --git a/test/html/block-element.html b/packages/rrweb-snapshot/test/html/block-element.html
similarity index 100%
rename from test/html/block-element.html
rename to packages/rrweb-snapshot/test/html/block-element.html
diff --git a/test/html/cors-style-sheet.html b/packages/rrweb-snapshot/test/html/cors-style-sheet.html
similarity index 100%
rename from test/html/cors-style-sheet.html
rename to packages/rrweb-snapshot/test/html/cors-style-sheet.html
diff --git a/test/html/dynamic-stylesheet.html b/packages/rrweb-snapshot/test/html/dynamic-stylesheet.html
similarity index 100%
rename from test/html/dynamic-stylesheet.html
rename to packages/rrweb-snapshot/test/html/dynamic-stylesheet.html
diff --git a/test/html/form-fields.html b/packages/rrweb-snapshot/test/html/form-fields.html
similarity index 100%
rename from test/html/form-fields.html
rename to packages/rrweb-snapshot/test/html/form-fields.html
diff --git a/test/html/hover.html b/packages/rrweb-snapshot/test/html/hover.html
similarity index 100%
rename from test/html/hover.html
rename to packages/rrweb-snapshot/test/html/hover.html
diff --git a/test/html/iframe-inner.html b/packages/rrweb-snapshot/test/html/iframe-inner.html
similarity index 100%
rename from test/html/iframe-inner.html
rename to packages/rrweb-snapshot/test/html/iframe-inner.html
diff --git a/test/html/iframe.html b/packages/rrweb-snapshot/test/html/iframe.html
similarity index 100%
rename from test/html/iframe.html
rename to packages/rrweb-snapshot/test/html/iframe.html
diff --git a/test/html/invalid-attribute.html b/packages/rrweb-snapshot/test/html/invalid-attribute.html
similarity index 100%
rename from test/html/invalid-attribute.html
rename to packages/rrweb-snapshot/test/html/invalid-attribute.html
diff --git a/test/html/invalid-doctype.html b/packages/rrweb-snapshot/test/html/invalid-doctype.html
similarity index 100%
rename from test/html/invalid-doctype.html
rename to packages/rrweb-snapshot/test/html/invalid-doctype.html
diff --git a/test/html/invalid-tagname.html b/packages/rrweb-snapshot/test/html/invalid-tagname.html
similarity index 100%
rename from test/html/invalid-tagname.html
rename to packages/rrweb-snapshot/test/html/invalid-tagname.html
diff --git a/test/html/mask-text.html b/packages/rrweb-snapshot/test/html/mask-text.html
similarity index 100%
rename from test/html/mask-text.html
rename to packages/rrweb-snapshot/test/html/mask-text.html
diff --git a/test/html/picture.html b/packages/rrweb-snapshot/test/html/picture.html
similarity index 100%
rename from test/html/picture.html
rename to packages/rrweb-snapshot/test/html/picture.html
diff --git a/test/html/preload.html b/packages/rrweb-snapshot/test/html/preload.html
similarity index 100%
rename from test/html/preload.html
rename to packages/rrweb-snapshot/test/html/preload.html
diff --git a/test/html/shadow-dom.html b/packages/rrweb-snapshot/test/html/shadow-dom.html
similarity index 100%
rename from test/html/shadow-dom.html
rename to packages/rrweb-snapshot/test/html/shadow-dom.html
diff --git a/test/html/video.html b/packages/rrweb-snapshot/test/html/video.html
similarity index 100%
rename from test/html/video.html
rename to packages/rrweb-snapshot/test/html/video.html
diff --git a/test/html/with-relative-res.html b/packages/rrweb-snapshot/test/html/with-relative-res.html
similarity index 100%
rename from test/html/with-relative-res.html
rename to packages/rrweb-snapshot/test/html/with-relative-res.html
diff --git a/test/html/with-script.html b/packages/rrweb-snapshot/test/html/with-script.html
similarity index 100%
rename from test/html/with-script.html
rename to packages/rrweb-snapshot/test/html/with-script.html
diff --git a/test/html/with-style-sheet-with-import.html b/packages/rrweb-snapshot/test/html/with-style-sheet-with-import.html
similarity index 100%
rename from test/html/with-style-sheet-with-import.html
rename to packages/rrweb-snapshot/test/html/with-style-sheet-with-import.html
diff --git a/test/html/with-style-sheet.html b/packages/rrweb-snapshot/test/html/with-style-sheet.html
similarity index 100%
rename from test/html/with-style-sheet.html
rename to packages/rrweb-snapshot/test/html/with-style-sheet.html
diff --git a/test/iframe-html/frame1.html b/packages/rrweb-snapshot/test/iframe-html/frame1.html
similarity index 100%
rename from test/iframe-html/frame1.html
rename to packages/rrweb-snapshot/test/iframe-html/frame1.html
diff --git a/test/iframe-html/frame2.html b/packages/rrweb-snapshot/test/iframe-html/frame2.html
similarity index 100%
rename from test/iframe-html/frame2.html
rename to packages/rrweb-snapshot/test/iframe-html/frame2.html
diff --git a/test/iframe-html/main.html b/packages/rrweb-snapshot/test/iframe-html/main.html
similarity index 100%
rename from test/iframe-html/main.html
rename to packages/rrweb-snapshot/test/iframe-html/main.html
diff --git a/test/integration.ts b/packages/rrweb-snapshot/test/integration.ts
similarity index 100%
rename from test/integration.ts
rename to packages/rrweb-snapshot/test/integration.ts
diff --git a/test/js/a.js b/packages/rrweb-snapshot/test/js/a.js
similarity index 100%
rename from test/js/a.js
rename to packages/rrweb-snapshot/test/js/a.js
diff --git a/test/rebuild.test.ts b/packages/rrweb-snapshot/test/rebuild.test.ts
similarity index 100%
rename from test/rebuild.test.ts
rename to packages/rrweb-snapshot/test/rebuild.test.ts
diff --git a/test/snapshot.test.ts b/packages/rrweb-snapshot/test/snapshot.test.ts
similarity index 100%
rename from test/snapshot.test.ts
rename to packages/rrweb-snapshot/test/snapshot.test.ts
diff --git a/tsconfig.json b/packages/rrweb-snapshot/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to packages/rrweb-snapshot/tsconfig.json
diff --git a/tslint.json b/packages/rrweb-snapshot/tslint.json
similarity index 100%
rename from tslint.json
rename to packages/rrweb-snapshot/tslint.json
diff --git a/typings/css.d.ts b/packages/rrweb-snapshot/typings/css.d.ts
similarity index 100%
rename from typings/css.d.ts
rename to packages/rrweb-snapshot/typings/css.d.ts
diff --git a/typings/index.d.ts b/packages/rrweb-snapshot/typings/index.d.ts
similarity index 100%
rename from typings/index.d.ts
rename to packages/rrweb-snapshot/typings/index.d.ts
diff --git a/typings/rebuild.d.ts b/packages/rrweb-snapshot/typings/rebuild.d.ts
similarity index 100%
rename from typings/rebuild.d.ts
rename to packages/rrweb-snapshot/typings/rebuild.d.ts
diff --git a/typings/snapshot.d.ts b/packages/rrweb-snapshot/typings/snapshot.d.ts
similarity index 100%
rename from typings/snapshot.d.ts
rename to packages/rrweb-snapshot/typings/snapshot.d.ts
diff --git a/typings/types.d.ts b/packages/rrweb-snapshot/typings/types.d.ts
similarity index 100%
rename from typings/types.d.ts
rename to packages/rrweb-snapshot/typings/types.d.ts
diff --git a/typings/utils.d.ts b/packages/rrweb-snapshot/typings/utils.d.ts
similarity index 100%
rename from typings/utils.d.ts
rename to packages/rrweb-snapshot/typings/utils.d.ts

From 2ef99ed976f671657c95b2f40591b3d2e78f4aa1 Mon Sep 17 00:00:00 2001
From: Mark-fenng <f18846188605@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 343/345] moved rrweb-player into packages/rrweb-player

---
 .../rrweb-player/.eslintrc.json               |    0
 .../rrweb-player/.release-it.json             |    0
 README.md => packages/rrweb-player/README.md  |    0
 .../rrweb-player/package.json                 |    0
 .../rrweb-player/public}/events.js            |    0
 .../rrweb-player/public}/global.css           |    0
 .../rrweb-player/public}/index.html           |    0
 .../rrweb-player/rollup.config.js             |    0
 .../rrweb-player/src}/Controller.svelte       |    0
 .../rrweb-player/src}/Player.svelte           |    0
 .../src}/components/Switch.svelte             |    0
 {src => packages/rrweb-player/src}/main.ts    |    0
 {src => packages/rrweb-player/src}/utils.ts   |    0
 .../rrweb-player/tsconfig.json                |    0
 .../rrweb-player/typings}/index.d.ts          |    0
 yarn.lock                                     | 1524 -----------------
 16 files changed, 1524 deletions(-)
 rename .eslintrc.json => packages/rrweb-player/.eslintrc.json (100%)
 rename .release-it.json => packages/rrweb-player/.release-it.json (100%)
 rename README.md => packages/rrweb-player/README.md (100%)
 rename package.json => packages/rrweb-player/package.json (100%)
 rename {public => packages/rrweb-player/public}/events.js (100%)
 rename {public => packages/rrweb-player/public}/global.css (100%)
 rename {public => packages/rrweb-player/public}/index.html (100%)
 rename rollup.config.js => packages/rrweb-player/rollup.config.js (100%)
 rename {src => packages/rrweb-player/src}/Controller.svelte (100%)
 rename {src => packages/rrweb-player/src}/Player.svelte (100%)
 rename {src => packages/rrweb-player/src}/components/Switch.svelte (100%)
 rename {src => packages/rrweb-player/src}/main.ts (100%)
 rename {src => packages/rrweb-player/src}/utils.ts (100%)
 rename tsconfig.json => packages/rrweb-player/tsconfig.json (100%)
 rename {typings => packages/rrweb-player/typings}/index.d.ts (100%)
 delete mode 100644 yarn.lock

diff --git a/.eslintrc.json b/packages/rrweb-player/.eslintrc.json
similarity index 100%
rename from .eslintrc.json
rename to packages/rrweb-player/.eslintrc.json
diff --git a/.release-it.json b/packages/rrweb-player/.release-it.json
similarity index 100%
rename from .release-it.json
rename to packages/rrweb-player/.release-it.json
diff --git a/README.md b/packages/rrweb-player/README.md
similarity index 100%
rename from README.md
rename to packages/rrweb-player/README.md
diff --git a/package.json b/packages/rrweb-player/package.json
similarity index 100%
rename from package.json
rename to packages/rrweb-player/package.json
diff --git a/public/events.js b/packages/rrweb-player/public/events.js
similarity index 100%
rename from public/events.js
rename to packages/rrweb-player/public/events.js
diff --git a/public/global.css b/packages/rrweb-player/public/global.css
similarity index 100%
rename from public/global.css
rename to packages/rrweb-player/public/global.css
diff --git a/public/index.html b/packages/rrweb-player/public/index.html
similarity index 100%
rename from public/index.html
rename to packages/rrweb-player/public/index.html
diff --git a/rollup.config.js b/packages/rrweb-player/rollup.config.js
similarity index 100%
rename from rollup.config.js
rename to packages/rrweb-player/rollup.config.js
diff --git a/src/Controller.svelte b/packages/rrweb-player/src/Controller.svelte
similarity index 100%
rename from src/Controller.svelte
rename to packages/rrweb-player/src/Controller.svelte
diff --git a/src/Player.svelte b/packages/rrweb-player/src/Player.svelte
similarity index 100%
rename from src/Player.svelte
rename to packages/rrweb-player/src/Player.svelte
diff --git a/src/components/Switch.svelte b/packages/rrweb-player/src/components/Switch.svelte
similarity index 100%
rename from src/components/Switch.svelte
rename to packages/rrweb-player/src/components/Switch.svelte
diff --git a/src/main.ts b/packages/rrweb-player/src/main.ts
similarity index 100%
rename from src/main.ts
rename to packages/rrweb-player/src/main.ts
diff --git a/src/utils.ts b/packages/rrweb-player/src/utils.ts
similarity index 100%
rename from src/utils.ts
rename to packages/rrweb-player/src/utils.ts
diff --git a/tsconfig.json b/packages/rrweb-player/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to packages/rrweb-player/tsconfig.json
diff --git a/typings/index.d.ts b/packages/rrweb-player/typings/index.d.ts
similarity index 100%
rename from typings/index.d.ts
rename to packages/rrweb-player/typings/index.d.ts
diff --git a/yarn.lock b/yarn.lock
deleted file mode 100644
index 414c7073..00000000
--- a/yarn.lock
+++ /dev/null
@@ -1,1524 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@babel/code-frame@^7.0.0":
-  version "7.10.4"
-  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
-  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
-  dependencies:
-    "@babel/highlight" "^7.10.4"
-
-"@babel/code-frame@^7.10.4":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.13.tgz#dcfc826beef65e75c50e21d3837d7d95798dd658"
-  integrity sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==
-  dependencies:
-    "@babel/highlight" "^7.12.13"
-
-"@babel/helper-validator-identifier@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
-  integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
-
-"@babel/helper-validator-identifier@^7.12.11":
-  version "7.12.11"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz#c9a1f021917dcb5ccf0d4e453e399022981fc9ed"
-  integrity sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==
-
-"@babel/highlight@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
-  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.4"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/highlight@^7.12.13":
-  version "7.13.10"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.13.10.tgz#a8b2a66148f5b27d666b15d81774347a731d52d1"
-  integrity sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.12.11"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@polka/url@^0.5.0":
-  version "0.5.0"
-  resolved "https://registry.npmjs.org/@polka/url/-/url-0.5.0.tgz#b21510597fd601e5d7c95008b76bf0d254ebfd31"
-  integrity sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==
-
-"@rollup/plugin-commonjs@^11.0.0":
-  version "11.1.0"
-  resolved "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-11.1.0.tgz#60636c7a722f54b41e419e1709df05c7234557ef"
-  integrity sha512-Ycr12N3ZPN96Fw2STurD21jMqzKwL9QuFhms3SD7KKRK7oaXUsBU9Zt0jL/rOPHiPYisI21/rXGO3jr9BnLHUA==
-  dependencies:
-    "@rollup/pluginutils" "^3.0.8"
-    commondir "^1.0.1"
-    estree-walker "^1.0.1"
-    glob "^7.1.2"
-    is-reference "^1.1.2"
-    magic-string "^0.25.2"
-    resolve "^1.11.0"
-
-"@rollup/plugin-node-resolve@^7.0.0":
-  version "7.1.3"
-  resolved "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz#80de384edfbd7bfc9101164910f86078151a3eca"
-  integrity sha512-RxtSL3XmdTAE2byxekYLnx+98kEUOrPHF/KRVjLH+DEIHy6kjIw7YINQzn+NXiH/NTrQLAwYs0GWB+csWygA9Q==
-  dependencies:
-    "@rollup/pluginutils" "^3.0.8"
-    "@types/resolve" "0.0.8"
-    builtin-modules "^3.1.0"
-    is-module "^1.0.0"
-    resolve "^1.14.2"
-
-"@rollup/plugin-typescript@^4.0.0":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
-  integrity sha512-+7UlGat/99e2JbmGNnIauxwEhYLwrL7adO/tSJxUN57xrrS3Ps+ZzYpLCDGPZJ57j+ZJTZLLN89KXW9JMEB+jg==
-  dependencies:
-    "@rollup/pluginutils" "^3.0.1"
-    resolve "^1.14.1"
-
-"@rollup/pluginutils@4":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.1.0.tgz#0dcc61c780e39257554feb7f77207dceca13c838"
-  integrity sha512-TrBhfJkFxA+ER+ew2U2/fHbebhLT/l/2pRk0hfj9KusXUuRXd2v0R58AfaZK9VXDQ4TogOSEmICVrQAA3zFnHQ==
-  dependencies:
-    estree-walker "^2.0.1"
-    picomatch "^2.2.2"
-
-"@rollup/pluginutils@^3.0.1", "@rollup/pluginutils@^3.0.8":
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
-  dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
-
-"@tsconfig/svelte@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/@tsconfig/svelte/-/svelte-1.0.3.tgz#7e29c4fd771af94faa3e5dde4b717a1ad8625583"
-  integrity sha512-rk+BuV7fNAE33bywtzgNCbPSVEITOeR9zFPeHHJaD9lTcmjZQQRe5fOGJtsdyG3JJKoAZ4JSYVbll4CvWhC3sA==
-
-"@types/color-name@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
-  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
-
-"@types/css-font-loading-module@0.0.4":
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/@types/css-font-loading-module/-/css-font-loading-module-0.0.4.tgz#94a835e27d1af444c65cba88523533c174463d64"
-  integrity sha512-ENdXf7MW4m9HeDojB2Ukbi7lYMIuQNBHVf98dbzaiG4EEJREBd6oleVAjrLRCrp7dm6CK1mmdmU9tcgF61acbw==
-
-"@types/eslint-visitor-keys@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
-  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
-
-"@types/estree@*":
-  version "0.0.47"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.47.tgz#d7a51db20f0650efec24cd04994f523d93172ed4"
-  integrity sha512-c5ciR06jK8u9BstrmJyO97m+klJrrhCf9u3rLu3DEAJBirxRqSCvDQoYKmxuYwQI5SZChAWu+tq9oVlGRuzPAg==
-
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
-
-"@types/json-schema@^7.0.3":
-  version "7.0.5"
-  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
-  integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
-
-"@types/node@*":
-  version "14.14.41"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.41.tgz#d0b939d94c1d7bd53d04824af45f1139b8c45615"
-  integrity sha512-dueRKfaJL4RTtSa7bWeTK1M+VH+Gns73oCgzvYfHZywRCoPSd8EkXBL0mZ9unPTveBn+D9phZBaxuzpwjWkW0g==
-
-"@types/pug@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.4.tgz#8772fcd0418e3cd2cc171555d73007415051f4b2"
-  integrity sha1-h3L80EGOPNLMFxVV1zAHQVBR9LI=
-
-"@types/resolve@0.0.8":
-  version "0.0.8"
-  resolved "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
-  integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/sass@^1.16.0":
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/@types/sass/-/sass-1.16.0.tgz#b41ac1c17fa68ffb57d43e2360486ef526b3d57d"
-  integrity sha512-2XZovu4NwcqmtZtsBR5XYLw18T8cBCnU2USFHTnYLLHz9fkhnoEMoDsqShJIOFsFhn5aJHjweiUUdTrDGujegA==
-  dependencies:
-    "@types/node" "*"
-
-"@typescript-eslint/eslint-plugin@^3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.7.0.tgz#0f91aa3c83d019591719e597fbdb73a59595a263"
-  integrity sha512-4OEcPON3QIx0ntsuiuFP/TkldmBGXf0uKxPQlGtS/W2F3ndYm8Vgdpj/woPJkzUc65gd3iR+qi3K8SDQP/obFg==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "3.7.0"
-    debug "^4.1.1"
-    functional-red-black-tree "^1.0.1"
-    regexpp "^3.0.0"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
-
-"@typescript-eslint/experimental-utils@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.7.0.tgz#0ee21f6c48b2b30c63211da23827725078d5169a"
-  integrity sha512-xpfXXAfZqhhqs5RPQBfAFrWDHoNxD5+sVB5A46TF58Bq1hRfVROrWHcQHHUM9aCBdy9+cwATcvCbRg8aIRbaHQ==
-  dependencies:
-    "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/typescript-estree" "3.7.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^2.0.0"
-
-"@typescript-eslint/parser@^3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.7.0.tgz#3e9cd9df9ea644536feb6e5acdb8279ecff96ce9"
-  integrity sha512-2LZauVUt7jAWkcIW7djUc3kyW+fSarNEuM3RF2JdLHR9BfX/nDEnyA4/uWz0wseoWVZbDXDF7iF9Jc342flNqQ==
-  dependencies:
-    "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "3.7.0"
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/typescript-estree" "3.7.0"
-    eslint-visitor-keys "^1.1.0"
-
-"@typescript-eslint/types@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.7.0.tgz#09897fab0cb95479c01166b10b2c03c224821077"
-  integrity sha512-reCaK+hyKkKF+itoylAnLzFeNYAEktB0XVfSQvf0gcVgpz1l49Lt6Vo9x4MVCCxiDydA0iLAjTF/ODH0pbfnpg==
-
-"@typescript-eslint/typescript-estree@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.7.0.tgz#66872e6da120caa4b64e6b4ca5c8702afc74738d"
-  integrity sha512-xr5oobkYRebejlACGr1TJ0Z/r0a2/HUf0SXqPvlgUMwiMqOCu/J+/Dr9U3T0IxpE5oLFSkqMx1FE/dKaZ8KsOQ==
-  dependencies:
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/visitor-keys" "3.7.0"
-    debug "^4.1.1"
-    glob "^7.1.6"
-    is-glob "^4.0.1"
-    lodash "^4.17.15"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
-
-"@typescript-eslint/visitor-keys@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.7.0.tgz#ac0417d382a136e4571a0b0dcfe52088cb628177"
-  integrity sha512-k5PiZdB4vklUpUX4NBncn5RBKty8G3ihTY+hqJsCdMuD0v4jofI5xuqwnVcWxfv6iTm2P/dfEa2wMUnsUY8ODw==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-"@xstate/fsm@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.npmjs.org/@xstate/fsm/-/fsm-1.4.0.tgz#6fd082336fde4d026e9e448576189ee5265fa51a"
-  integrity sha512-uTHDeu2xI5E1IFwf37JFQM31RrH7mY7877RqPBS4ZqSNUwoLDuct8AhBWaXGnVizBAYyimVwgCyGa9z/NiRhXA==
-
-acorn-jsx@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
-  integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
-
-acorn@^7.3.1:
-  version "7.3.1"
-  resolved "https://registry.npmjs.org/acorn/-/acorn-7.3.1.tgz#85010754db53c3fbaf3b9ea3e083aa5c5d147ffd"
-  integrity sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
-
-ajv@^6.10.0, ajv@^6.10.2:
-  version "6.12.3"
-  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
-  integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ansi-colors@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
-  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
-
-ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
-
-ansi-regex@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
-  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
-
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
-  integrity sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==
-  dependencies:
-    "@types/color-name" "^1.1.1"
-    color-convert "^2.0.1"
-
-anymatch@~3.1.1:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
-  integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-array-union@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
-  dependencies:
-    array-uniq "^1.0.1"
-
-array-uniq@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
-
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
-async-limiter@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-balanced-match@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
-
-binary-extensions@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
-  integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-  dependencies:
-    fill-range "^7.0.1"
-
-buffer-from@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
-  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
-
-builtin-modules@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz#aad97c15131eb76b65b50ef208e7584cd76a7484"
-  integrity sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==
-
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-chalk@^2.0.0, chalk@^2.4.1:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chokidar@^3.3.0:
-  version "3.4.1"
-  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.4.1.tgz#e905bdecf10eaa0a0b1db0c664481cc4cbc22ba1"
-  integrity sha512-TQTJyr2stihpC4Sya9hs2Xh+O2wf+igjL36Y75xx2WdHuiICcn/XJza46Jwt0eT5hVpQOzo3FpY3cj3RVYLX0g==
-  dependencies:
-    anymatch "~3.1.1"
-    braces "~3.0.2"
-    glob-parent "~5.1.0"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.4.0"
-  optionalDependencies:
-    fsevents "~2.1.2"
-
-chokidar@^3.4.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.1.tgz#ee9ce7bbebd2b79f49f304799d5468e31e14e68a"
-  integrity sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==
-  dependencies:
-    anymatch "~3.1.1"
-    braces "~3.0.2"
-    glob-parent "~5.1.0"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.5.0"
-  optionalDependencies:
-    fsevents "~2.3.1"
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-console-clear@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/console-clear/-/console-clear-1.1.1.tgz#995e20cbfbf14dd792b672cde387bd128d674bf7"
-  integrity sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==
-
-cross-spawn@^7.0.2:
-  version "7.0.3"
-  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-debug@^4.0.1, debug@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-  dependencies:
-    ms "^2.1.1"
-
-deep-is@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
-  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
-
-detect-indent@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
-  integrity sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
-enquirer@^2.3.5:
-  version "2.3.6"
-  resolved "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
-  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
-  dependencies:
-    ansi-colors "^4.1.1"
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-eslint-config-google@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.11.0.tgz#fd0fc70be2e9114df097cac93a9b5b0d4e1c6830"
-  integrity sha512-z541Fs5TFaY7/35v/z100InQ2f3V2J7e3u/0yKrnImgsHjh6JWgSRngfC/mZepn/+XN16jUydt64k//kxXc1fw==
-
-eslint-plugin-svelte3@^2.7.3:
-  version "2.7.3"
-  resolved "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-2.7.3.tgz#e793b646b848e717674fe668c21b909cfa025eb3"
-  integrity sha512-p6HhxyICX9x/x+8WSy6AVk2bmv9ayoznoTSyCvK47th/k/07ksuJixMwbGX9qxJVAmPBaYMjEIMSEZtJHPIN7w==
-
-eslint-scope@^5.0.0, eslint-scope@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
-  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-utils@^2.0.0, eslint-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
-  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
-
-eslint@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.npmjs.org/eslint/-/eslint-7.5.0.tgz#9ecbfad62216d223b82ac9ffea7ef3444671d135"
-  integrity sha512-vlUP10xse9sWt9SGRtcr1LAC67BENcQMFeV+w5EvLEoFe3xJ8cF1Skd0msziRx/VMC+72B4DxreCE+OR12OA6Q==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    enquirer "^2.3.5"
-    eslint-scope "^5.1.0"
-    eslint-utils "^2.1.0"
-    eslint-visitor-keys "^1.3.0"
-    espree "^7.2.0"
-    esquery "^1.2.0"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash "^4.17.19"
-    minimatch "^3.0.4"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    progress "^2.0.0"
-    regexpp "^3.1.0"
-    semver "^7.2.1"
-    strip-ansi "^6.0.0"
-    strip-json-comments "^3.1.0"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-espree@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
-  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
-  dependencies:
-    acorn "^7.3.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.3.0"
-
-esprima@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
-  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
-  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
-  dependencies:
-    estraverse "^4.1.0"
-
-estraverse@^4.1.0, estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.1.0.tgz#374309d39fd935ae500e7b92e8a6b4c720e59642"
-  integrity sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==
-
-estree-walker@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
-  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
-
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
-
-estree-walker@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-fast-deep-equal@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-json-stable-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
-fflate@^0.4.4:
-  version "0.4.8"
-  resolved "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
-  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
-
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
-  dependencies:
-    flat-cache "^2.0.1"
-
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
-  dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
-
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
-
-fsevents@~2.1.2:
-  version "2.1.3"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
-
-fsevents@~2.3.1:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
-
-get-port@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
-  integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
-
-glob-parent@^5.0.0, glob-parent@~5.1.0:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-globals@^12.1.0:
-  version "12.4.0"
-  resolved "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
-  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
-  dependencies:
-    type-fest "^0.8.1"
-
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-ignore@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
-  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
-
-import-fresh@^3.0.0, import-fresh@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
-  integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2:
-  version "2.0.4"
-  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-core-module@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
-  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
-  dependencies:
-    has "^1.0.3"
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
-
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
-  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-reference@^1.1.2:
-  version "1.2.1"
-  resolved "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
-  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
-  dependencies:
-    "@types/estree" "*"
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-jest-worker@^26.2.1:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
-  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.13.1:
-  version "3.14.0"
-  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
-  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
-kleur@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-livereload-js@^3.1.0:
-  version "3.2.4"
-  resolved "https://registry.npmjs.org/livereload-js/-/livereload-js-3.2.4.tgz#21a05f8a7bd04c9531a7c63dfb6ff4b677d30f43"
-  integrity sha512-kgTCrrYAfwnb5469+7bB2hxIct8Giq0RemDnxOESIzyRwRqYGGMZh5VIveYqJiDvpglH0dpd074BU1zJj4NaNw==
-
-livereload@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/livereload/-/livereload-0.9.1.tgz#65125dabdf2db4fd3f1169e953fe56e3bcc6f477"
-  integrity sha512-9g7sua11kkyZNo2hLRCG3LuZZwqexoyEyecSlV8cAsfAVVCZqLzVir6XDqmH0r+Vzgnd5LrdHDMyjtFnJQLAYw==
-  dependencies:
-    chokidar "^3.3.0"
-    livereload-js "^3.1.0"
-    opts ">= 1.2.0"
-    ws "^6.2.1"
-
-local-access@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/local-access/-/local-access-1.0.1.tgz#5121258146d64e869046c642ea4f1dd39ff942bb"
-  integrity sha512-ykt2pgN0aqIy6KQC1CqdWTWkmUwNgaOS6dcpHVjyBJONA+Xi7AtSB1vuxC/U/0tjIP3wcRudwQk1YYzUvzk2bA==
-
-lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-magic-string@^0.25.2:
-  version "0.25.7"
-  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
-  integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
-  dependencies:
-    sourcemap-codec "^1.4.4"
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-mime@^2.3.1:
-  version "2.4.6"
-  resolved "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1"
-  integrity sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==
-
-min-indent@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
-  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
-
-minimatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimist@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
-  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
-
-mitt@^1.1.3:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/mitt/-/mitt-1.2.0.tgz#cb24e6569c806e31bd4e3995787fe38a04fdf90d"
-  integrity sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==
-
-mkdirp@^0.5.1:
-  version "0.5.5"
-  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
-  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
-  dependencies:
-    minimist "^1.2.5"
-
-mri@^1.1.0:
-  version "1.1.6"
-  resolved "https://registry.npmjs.org/mri/-/mri-1.1.6.tgz#49952e1044db21dbf90f6cd92bc9c9a777d415a6"
-  integrity sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==
-
-ms@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-object-assign@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-  dependencies:
-    wrappy "1"
-
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
-"opts@>= 1.2.0":
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/opts/-/opts-2.0.0.tgz#c0b2cebdf53eaeafc21ed844e34773758dcf41e2"
-  integrity sha512-rPleeyX48sBEc4aj7rAok5dCbvRdYpdbIdSRR4gnIK98a7Rvd4l3wlv4YHQr2mwPQTpKQiw8uipi/WoyItDINg==
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
-  integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
-
-pify@^2.0.0, pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
-
-postcss-easy-import@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-3.0.0.tgz#8eaaf5ae59566083d0cae98735dfd803e3ab194d"
-  integrity sha512-cfNsear/v8xlkl9v5Wm8y4Do/puiDQTFF+WX2Fo++h7oKt1fKWVVW/5Ca8hslYDQWnjndrg813cA23Pt1jsYdg==
-  dependencies:
-    globby "^6.1.0"
-    is-glob "^4.0.0"
-    lodash "^4.17.4"
-    object-assign "^4.0.1"
-    pify "^3.0.0"
-    postcss "^6.0.11"
-    postcss-import "^10.0.0"
-    resolve "^1.1.7"
-
-postcss-import@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-10.0.0.tgz#4c85c97b099136cc5ea0240dc1dfdbfde4e2ebbe"
-  integrity sha1-TIXJewmRNsxeoCQNwd/b/eTi674=
-  dependencies:
-    object-assign "^4.0.1"
-    postcss "^6.0.1"
-    postcss-value-parser "^3.2.3"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-value-parser@^3.2.3:
-  version "3.3.1"
-  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss@^6.0.1, postcss@^6.0.11:
-  version "6.0.23"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
-  dependencies:
-    chalk "^2.4.1"
-    source-map "^0.6.1"
-    supports-color "^5.4.0"
-
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
-progress@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
-punycode@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=
-  dependencies:
-    pify "^2.3.0"
-
-readdirp@~3.4.0:
-  version "3.4.0"
-  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
-  integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
-  dependencies:
-    picomatch "^2.2.1"
-
-readdirp@~3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.5.0.tgz#9ba74c019b15d365278d2e91bb8c48d7b4d42c9e"
-  integrity sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==
-  dependencies:
-    picomatch "^2.2.1"
-
-regexpp@^3.0.0, regexpp@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
-  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
-
-require-relative@^0.8.7:
-  version "0.8.7"
-  resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
-  integrity sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
-
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve@^1.1.7, resolve@^1.11.0, resolve@^1.14.2:
-  version "1.17.0"
-  resolved "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
-  integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
-  dependencies:
-    path-parse "^1.0.6"
-
-resolve@^1.14.1:
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
-  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
-  dependencies:
-    is-core-module "^2.2.0"
-    path-parse "^1.0.6"
-
-rimraf@2.6.3:
-  version "2.6.3"
-  resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
-rollup-plugin-css-only@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-css-only/-/rollup-plugin-css-only-3.1.0.tgz#6a701cc5b051c6b3f0961e69b108a9a118e1b1df"
-  integrity sha512-TYMOE5uoD76vpj+RTkQLzC9cQtbnJNktHPB507FzRWBVaofg7KhIqq1kGbcVOadARSozWF883Ho9KpSPKH8gqA==
-  dependencies:
-    "@rollup/pluginutils" "4"
-
-rollup-plugin-livereload@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-livereload/-/rollup-plugin-livereload-2.0.0.tgz#d3928d74e8cf2ae4286c5dd46b770fd3f3b82313"
-  integrity sha512-oC/8NqumGYuphkqrfszOHUUIwzKsaHBICw6QRwT5uD07gvePTS+HW+GFwu6f9K8W02CUuTvtIM9AWJrbj4wE1A==
-  dependencies:
-    livereload "^0.9.1"
-
-rollup-plugin-svelte@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-7.1.0.tgz#d45f2b92b1014be4eb46b55aa033fb9a9c65f04d"
-  integrity sha512-vopCUq3G+25sKjwF5VilIbiY6KCuMNHP1PFvx2Vr3REBNMDllKHFZN2B9jwwC+MqNc3UPKkjXnceLPEjTjXGXg==
-  dependencies:
-    require-relative "^0.8.7"
-    rollup-pluginutils "^2.8.2"
-
-rollup-plugin-terser@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
-  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    jest-worker "^26.2.1"
-    serialize-javascript "^4.0.0"
-    terser "^5.0.0"
-
-rollup-pluginutils@^2.8.2:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
-  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
-  dependencies:
-    estree-walker "^0.6.1"
-
-rollup@^2.45.2:
-  version "2.45.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48"
-  integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ==
-  optionalDependencies:
-    fsevents "~2.3.1"
-
-rrweb-snapshot@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.npmjs.org/rrweb-snapshot/download/rrweb-snapshot-1.1.6.tgz#e598510e387b9b2c62ce0cfc586a37c89549b228"
-  integrity sha1-5ZhRDjh7myxizgz8WGo3yJVJsig=
-
-rrweb@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-1.0.1.tgz#4a1fab4ab7fec4d7308443f012e591f9c1e4d209"
-  integrity sha512-T7aH4qcJt1KUK6utF7XzfRgMLgGqntzZ5IUZw36CQ8lrsO1UQm2gyzgMFSLbDV4EgplN0oIenAT29RKT9ET3Ig==
-  dependencies:
-    "@types/css-font-loading-module" "0.0.4"
-    "@xstate/fsm" "^1.4.0"
-    fflate "^0.4.4"
-    mitt "^1.1.3"
-    rrweb-snapshot "^1.1.6"
-
-sade@^1.4.0:
-  version "1.7.3"
-  resolved "https://registry.npmjs.org/sade/-/sade-1.7.3.tgz#a217ccc4fb4abb2d271648bf48f6628b2636fa1b"
-  integrity sha512-m4BctppMvJ60W1dXnHq7jMmFe3hPJZDAH85kQ3ACTo7XZNVUuTItCQ+2HfyaMeV5cKrbw7l4vD/6We3GBxvdJw==
-  dependencies:
-    mri "^1.1.0"
-
-safe-buffer@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-semver@^7.2.1, semver@^7.3.2:
-  version "7.3.2"
-  resolved "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
-
-serialize-javascript@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
-  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
-  dependencies:
-    randombytes "^2.1.0"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-sirv-cli@^0.4.4:
-  version "0.4.6"
-  resolved "https://registry.npmjs.org/sirv-cli/-/sirv-cli-0.4.6.tgz#c28ab20deb3b34637f5a60863dc350f055abca04"
-  integrity sha512-/Vj85/kBvPL+n9ibgX6FicLE8VjidC1BhlX67PYPBfbBAphzR6i0k0HtU5c2arejfU3uzq8l3SYPCwl1x7z6Ww==
-  dependencies:
-    console-clear "^1.1.0"
-    get-port "^3.2.0"
-    kleur "^3.0.0"
-    local-access "^1.0.1"
-    sade "^1.4.0"
-    sirv "^0.4.6"
-    tinydate "^1.0.0"
-
-sirv@^0.4.6:
-  version "0.4.6"
-  resolved "https://registry.npmjs.org/sirv/-/sirv-0.4.6.tgz#185e44eb93d24009dd183b7494285c5180b81f22"
-  integrity sha512-rYpOXlNbpHiY4nVXxuDf4mXPvKz1reZGap/LkWp9TvcZ84qD/nPBjjH/6GZsgIjVMbOslnY8YYULAyP8jMn1GQ==
-  dependencies:
-    "@polka/url" "^0.5.0"
-    mime "^2.3.1"
-
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
-source-map-support@~0.5.19:
-  version "0.5.19"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
-  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map@^0.6.0, source-map@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-source-map@^0.7.3, source-map@~0.7.2:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
-  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
-
-sourcemap-codec@^1.4.4:
-  version "1.4.8"
-  resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-string-width@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
-strip-ansi@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
-strip-ansi@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
-  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
-  dependencies:
-    ansi-regex "^5.0.0"
-
-strip-indent@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
-  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
-  dependencies:
-    min-indent "^1.0.0"
-
-strip-json-comments@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
-supports-color@^5.3.0, supports-color@^5.4.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
-svelte-check@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/svelte-check/-/svelte-check-1.4.0.tgz#5d15f6ce22564fab137d28abb3f6c48aa1a22a12"
-  integrity sha512-fcACzU7EJEQBxbbUub8o/3tm5gp0txdGXin9fzHHvtHfgyS9RHSfA5poTWlteeVigu2MSqrTpvMPGT/DazyK0g==
-  dependencies:
-    chalk "^4.0.0"
-    chokidar "^3.4.1"
-    glob "^7.1.6"
-    import-fresh "^3.2.1"
-    minimist "^1.2.5"
-    source-map "^0.7.3"
-    svelte-preprocess "^4.0.0"
-    typescript "*"
-
-svelte-preprocess@^4.0.0:
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/svelte-preprocess/-/svelte-preprocess-4.7.2.tgz#e16bf5cc152df8097485ce8c7842073a83a12b1e"
-  integrity sha512-EToG+08rEsA33btv+C5g2qnRArwpTc5AoU0QBB3ZEkYagxAb2yPNsy0qsmtvbJOTBMy6o3oyijDdl3DMpMvpEg==
-  dependencies:
-    "@types/pug" "^2.0.4"
-    "@types/sass" "^1.16.0"
-    detect-indent "^6.0.0"
-    strip-indent "^3.0.0"
-
-svelte@^3.2.0:
-  version "3.24.0"
-  resolved "https://registry.npmjs.org/svelte/-/svelte-3.24.0.tgz#6565a42c9705796fa66c6abb4fedc09f4323a4a8"
-  integrity sha512-VFXom6EP2DK83kxy4ZlBbaZklSbZIrpNH3oNXlPYHJUuW4q1OuAr3ZoYbfIVTVYPDgrI7Yq0gQcOhDlAtO4qfw==
-
-table@^5.2.3:
-  version "5.4.6"
-  resolved "https://registry.npmjs.org/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
-  dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
-
-terser@^5.0.0:
-  version "5.6.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.6.1.tgz#a48eeac5300c0a09b36854bf90d9c26fb201973c"
-  integrity sha512-yv9YLFQQ+3ZqgWCUk+pvNJwgUTdlIxUk1WTN+RnaFJe2L7ipG2csPT0ra2XRm7Cs8cxN7QXmK1rFzEwYEQkzXw==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.7.2"
-    source-map-support "~0.5.19"
-
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-
-tinydate@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/tinydate/-/tinydate-1.3.0.tgz#e6ca8e5a22b51bb4ea1c3a2a4fd1352dbd4c57fb"
-  integrity sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-tslib@^1.8.1:
-  version "1.13.0"
-  resolved "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
-  integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
-
-tslib@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/tslib/-/tslib-2.0.0.tgz#18d13fc2dce04051e20f074cc8387fd8089ce4f3"
-  integrity sha512-lTqkx847PI7xEDYJntxZH89L2/aXInsyF2luSafe/+0fHOMjlBNXdH6th7f70qxLDhul7KZK0zC8V5ZIyHl0/g==
-
-tsutils@^3.17.1:
-  version "3.17.1"
-  resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
-  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
-  dependencies:
-    tslib "^1.8.1"
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-fest@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-typescript@*, typescript@^3.9.7:
-  version "3.9.7"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
-
-uri-js@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
-  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
-  dependencies:
-    punycode "^2.1.0"
-
-v8-compile-cache@^2.0.3:
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
-  integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
-
-which@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-word-wrap@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-write@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
-  dependencies:
-    mkdirp "^0.5.1"
-
-ws@^6.2.1:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
-  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
-  dependencies:
-    async-limiter "~1.0.0"

From f6aafb70e19e8a5babc4b100b05c4bcf3f9c3dbf Mon Sep 17 00:00:00 2001
From: Mark-fenng <f18846188605@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 344/345] moved rrweb into packages/rrweb

---
 .gitignore                                    |    4 -
 .travis.yml                                   |    6 +-
 package.json                                  |   69 +-
 packages/rrweb-player/package.json            |    2 +-
 packages/rrweb-snapshot/.gitignore            |    8 +
 packages/rrweb-snapshot/LICENSE               |   21 -
 packages/rrweb/.gitignore                     |   15 +
 .../rrweb/.release-it.json                    |    0
 packages/rrweb/package.json                   |   79 +
 .../rrweb/rollup.config.js                    |    0
 {scripts => packages/rrweb/scripts}/repl.ts   |    0
 {src => packages/rrweb/src}/entries/all.ts    |    0
 .../rrweb/src}/entries/record-pack.ts         |    0
 .../rrweb/src}/entries/replay-unpack.ts       |    0
 {src => packages/rrweb/src}/index.ts          |    0
 {src => packages/rrweb/src}/packer/base.ts    |    0
 {src => packages/rrweb/src}/packer/index.ts   |    0
 {src => packages/rrweb/src}/packer/pack.ts    |    0
 {src => packages/rrweb/src}/packer/unpack.ts  |    0
 .../console/record/error-stack-parser.ts      |    0
 .../src}/plugins/console/record/index.ts      |    0
 .../src}/plugins/console/record/stringify.ts  |    0
 .../src}/plugins/console/replay/index.ts      |    0
 .../rrweb/src}/record/iframe-manager.ts       |    0
 {src => packages/rrweb/src}/record/index.ts   |    0
 .../rrweb/src}/record/mutation.ts             |    0
 .../rrweb/src}/record/observer.ts             |    0
 .../rrweb/src}/record/shadow-dom-manager.ts   |    0
 {src => packages/rrweb/src}/replay/index.ts   |    0
 {src => packages/rrweb/src}/replay/machine.ts |    0
 .../rrweb/src}/replay/smoothscroll.ts         |    0
 .../rrweb/src}/replay/styles/inject-style.ts  |    0
 .../rrweb/src}/replay/styles/style.css        |    0
 {src => packages/rrweb/src}/replay/timer.ts   |    0
 .../rrweb/src}/replay/virtual-styles.ts       |    0
 {src => packages/rrweb/src}/rrdom/index.ts    |    0
 .../rrweb/src}/rrdom/tree-node.ts             |    0
 {src => packages/rrweb/src}/types.ts          |    0
 {src => packages/rrweb/src}/utils.ts          |    0
 test.d.ts => packages/rrweb/test.d.ts         |    0
 .../__snapshots__/integration.test.ts.snap    |    0
 .../test}/__snapshots__/packer.test.ts.snap   |  Bin
 .../test}/__snapshots__/record.test.ts.snap   |    0
 .../test}/__snapshots__/replayer.test.ts.snap |    0
 .../test}/events/style-sheet-rule-events.ts   |    0
 {test => packages/rrweb/test}/html/block.html |    0
 .../rrweb/test}/html/canvas.html              |    0
 {test => packages/rrweb/test}/html/form.html  |    0
 .../rrweb/test}/html/frame1.html              |    0
 .../rrweb/test}/html/frame2.html              |    0
 .../rrweb/test}/html/ignore.html              |    0
 {test => packages/rrweb/test}/html/log.html   |    0
 {test => packages/rrweb/test}/html/main.html  |    0
 .../rrweb/test}/html/mask-text.html           |    0
 .../rrweb/test}/html/move-node.html           |    0
 .../rrweb/test}/html/mutation-observer.html   |    0
 .../rrweb/test}/html/password.html            |    0
 .../test}/html/react-styled-components.html   |    0
 .../rrweb/test}/html/select2.html             |    0
 .../rrweb/test}/html/shadow-dom.html          |    0
 .../rrweb/test}/html/shuffle.html             |    0
 .../rrweb/test}/integration.test.ts           |    0
 {test => packages/rrweb/test}/machine.test.ts |    0
 {test => packages/rrweb/test}/packer.test.ts  |    0
 {test => packages/rrweb/test}/record.test.ts  |    0
 .../rrweb/test}/replay/virtual-styles.test.ts |    0
 .../rrweb/test}/replayer.test.ts              |    0
 {test => packages/rrweb/test}/utils.ts        |    0
 tsconfig.json => packages/rrweb/tsconfig.json |    0
 tslint.json => packages/rrweb/tslint.json     |    0
 .../rrweb/typings}/boost.d.ts                 |    0
 .../rrweb/typings}/entries/all.d.ts           |    0
 .../rrweb/typings}/entries/record-pack.d.ts   |    0
 .../rrweb/typings}/entries/replay-unpack.d.ts |    0
 .../rrweb/typings}/index.d.ts                 |    0
 .../rrweb/typings}/packer/base.d.ts           |    0
 .../rrweb/typings}/packer/index.d.ts          |    0
 .../rrweb/typings}/packer/pack.d.ts           |    0
 .../rrweb/typings}/packer/unpack.d.ts         |    0
 .../console/record/error-stack-parser.d.ts    |    0
 .../plugins/console/record/index.d.ts         |    0
 .../plugins/console/record/stringify.d.ts     |    0
 .../plugins/console/replay/index.d.ts         |    0
 .../rrweb/typings}/record/collection.d.ts     |    0
 .../typings}/record/error-stack-parser.d.ts   |    0
 .../rrweb/typings}/record/iframe-manager.d.ts |    0
 .../rrweb/typings}/record/index.d.ts          |    0
 .../rrweb/typings}/record/mutation.d.ts       |    0
 .../rrweb/typings}/record/observer.d.ts       |    0
 .../typings}/record/shadow-dom-manager.d.ts   |    0
 .../rrweb/typings}/record/stringify.d.ts      |    0
 .../rrweb/typings}/replay/index.d.ts          |    0
 .../rrweb/typings}/replay/machine.d.ts        |    0
 .../rrweb/typings}/replay/smoothscroll.d.ts   |    0
 .../typings}/replay/styles/inject-style.d.ts  |    0
 .../rrweb/typings}/replay/timer.d.ts          |    0
 .../rrweb/typings}/replay/virtual-styles.d.ts |    0
 .../rrweb/typings}/rrdom/index.d.ts           |    0
 .../rrweb/typings}/rrdom/tree-node.d.ts       |    0
 .../rrweb/typings}/types.d.ts                 |    0
 .../rrweb/typings}/utils.d.ts                 |    1 +
 yarn.lock                                     | 1872 ++++++++++++++---
 102 files changed, 1676 insertions(+), 401 deletions(-)
 create mode 100644 packages/rrweb-snapshot/.gitignore
 delete mode 100644 packages/rrweb-snapshot/LICENSE
 create mode 100644 packages/rrweb/.gitignore
 rename .release-it.json => packages/rrweb/.release-it.json (100%)
 create mode 100644 packages/rrweb/package.json
 rename rollup.config.js => packages/rrweb/rollup.config.js (100%)
 rename {scripts => packages/rrweb/scripts}/repl.ts (100%)
 rename {src => packages/rrweb/src}/entries/all.ts (100%)
 rename {src => packages/rrweb/src}/entries/record-pack.ts (100%)
 rename {src => packages/rrweb/src}/entries/replay-unpack.ts (100%)
 rename {src => packages/rrweb/src}/index.ts (100%)
 rename {src => packages/rrweb/src}/packer/base.ts (100%)
 rename {src => packages/rrweb/src}/packer/index.ts (100%)
 rename {src => packages/rrweb/src}/packer/pack.ts (100%)
 rename {src => packages/rrweb/src}/packer/unpack.ts (100%)
 rename {src => packages/rrweb/src}/plugins/console/record/error-stack-parser.ts (100%)
 rename {src => packages/rrweb/src}/plugins/console/record/index.ts (100%)
 rename {src => packages/rrweb/src}/plugins/console/record/stringify.ts (100%)
 rename {src => packages/rrweb/src}/plugins/console/replay/index.ts (100%)
 rename {src => packages/rrweb/src}/record/iframe-manager.ts (100%)
 rename {src => packages/rrweb/src}/record/index.ts (100%)
 rename {src => packages/rrweb/src}/record/mutation.ts (100%)
 rename {src => packages/rrweb/src}/record/observer.ts (100%)
 rename {src => packages/rrweb/src}/record/shadow-dom-manager.ts (100%)
 rename {src => packages/rrweb/src}/replay/index.ts (100%)
 rename {src => packages/rrweb/src}/replay/machine.ts (100%)
 rename {src => packages/rrweb/src}/replay/smoothscroll.ts (100%)
 rename {src => packages/rrweb/src}/replay/styles/inject-style.ts (100%)
 rename {src => packages/rrweb/src}/replay/styles/style.css (100%)
 rename {src => packages/rrweb/src}/replay/timer.ts (100%)
 rename {src => packages/rrweb/src}/replay/virtual-styles.ts (100%)
 rename {src => packages/rrweb/src}/rrdom/index.ts (100%)
 rename {src => packages/rrweb/src}/rrdom/tree-node.ts (100%)
 rename {src => packages/rrweb/src}/types.ts (100%)
 rename {src => packages/rrweb/src}/utils.ts (100%)
 rename test.d.ts => packages/rrweb/test.d.ts (100%)
 rename {test => packages/rrweb/test}/__snapshots__/integration.test.ts.snap (100%)
 rename {test => packages/rrweb/test}/__snapshots__/packer.test.ts.snap (100%)
 rename {test => packages/rrweb/test}/__snapshots__/record.test.ts.snap (100%)
 rename {test => packages/rrweb/test}/__snapshots__/replayer.test.ts.snap (100%)
 rename {test => packages/rrweb/test}/events/style-sheet-rule-events.ts (100%)
 rename {test => packages/rrweb/test}/html/block.html (100%)
 rename {test => packages/rrweb/test}/html/canvas.html (100%)
 rename {test => packages/rrweb/test}/html/form.html (100%)
 rename {test => packages/rrweb/test}/html/frame1.html (100%)
 rename {test => packages/rrweb/test}/html/frame2.html (100%)
 rename {test => packages/rrweb/test}/html/ignore.html (100%)
 rename {test => packages/rrweb/test}/html/log.html (100%)
 rename {test => packages/rrweb/test}/html/main.html (100%)
 rename {test => packages/rrweb/test}/html/mask-text.html (100%)
 rename {test => packages/rrweb/test}/html/move-node.html (100%)
 rename {test => packages/rrweb/test}/html/mutation-observer.html (100%)
 rename {test => packages/rrweb/test}/html/password.html (100%)
 rename {test => packages/rrweb/test}/html/react-styled-components.html (100%)
 rename {test => packages/rrweb/test}/html/select2.html (100%)
 rename {test => packages/rrweb/test}/html/shadow-dom.html (100%)
 rename {test => packages/rrweb/test}/html/shuffle.html (100%)
 rename {test => packages/rrweb/test}/integration.test.ts (100%)
 rename {test => packages/rrweb/test}/machine.test.ts (100%)
 rename {test => packages/rrweb/test}/packer.test.ts (100%)
 rename {test => packages/rrweb/test}/record.test.ts (100%)
 rename {test => packages/rrweb/test}/replay/virtual-styles.test.ts (100%)
 rename {test => packages/rrweb/test}/replayer.test.ts (100%)
 rename {test => packages/rrweb/test}/utils.ts (100%)
 rename tsconfig.json => packages/rrweb/tsconfig.json (100%)
 rename tslint.json => packages/rrweb/tslint.json (100%)
 rename {typings => packages/rrweb/typings}/boost.d.ts (100%)
 rename {typings => packages/rrweb/typings}/entries/all.d.ts (100%)
 rename {typings => packages/rrweb/typings}/entries/record-pack.d.ts (100%)
 rename {typings => packages/rrweb/typings}/entries/replay-unpack.d.ts (100%)
 rename {typings => packages/rrweb/typings}/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/packer/base.d.ts (100%)
 rename {typings => packages/rrweb/typings}/packer/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/packer/pack.d.ts (100%)
 rename {typings => packages/rrweb/typings}/packer/unpack.d.ts (100%)
 rename {typings => packages/rrweb/typings}/plugins/console/record/error-stack-parser.d.ts (100%)
 rename {typings => packages/rrweb/typings}/plugins/console/record/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/plugins/console/record/stringify.d.ts (100%)
 rename {typings => packages/rrweb/typings}/plugins/console/replay/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/collection.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/error-stack-parser.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/iframe-manager.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/mutation.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/observer.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/shadow-dom-manager.d.ts (100%)
 rename {typings => packages/rrweb/typings}/record/stringify.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/machine.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/smoothscroll.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/styles/inject-style.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/timer.d.ts (100%)
 rename {typings => packages/rrweb/typings}/replay/virtual-styles.d.ts (100%)
 rename {typings => packages/rrweb/typings}/rrdom/index.d.ts (100%)
 rename {typings => packages/rrweb/typings}/rrdom/tree-node.d.ts (100%)
 rename {typings => packages/rrweb/typings}/types.d.ts (100%)
 rename {typings => packages/rrweb/typings}/utils.d.ts (98%)

diff --git a/.gitignore b/.gitignore
index afbda82b..e0984952 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,10 +3,6 @@
 node_modules
 package-lock.json
 # yarn.lock
-build
-dist
-es
-lib
 
 temp
 
diff --git a/.travis.yml b/.travis.yml
index be3721f6..4b51e6a4 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -11,5 +11,9 @@ install:
   - yarn
 
 script:
+  - cd packages/rrweb-snapshot
+  - yarn bundle
+  - yarn test
+  - cd ../rrweb
   - yarn check-types
-  - xvfb-run --server-args="-screen 0 1920x1080x24" yarn test
+  - xvfb-run --server-args="-screen 0 1920x1080x24" yarn test 
\ No newline at end of file
diff --git a/package.json b/package.json
index 9b4cc861..3082e1b1 100644
--- a/package.json
+++ b/package.json
@@ -1,19 +1,5 @@
 {
-  "name": "rrweb",
-  "version": "1.0.2",
   "description": "record and replay the web",
-  "scripts": {
-    "prepare": "npm run prepack",
-    "prepack": "npm run bundle",
-    "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:headless": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true PUPPETEER_HEADLESS=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch --watch-extensions js,ts",
-    "repl": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true ts-node scripts/repl.ts",
-    "bundle:browser": "cross-env BROWSER_ONLY=true rollup --config",
-    "bundle": "rollup --config",
-    "typings": "tsc -d --declarationDir typings",
-    "check-types": "tsc -noEmit"
-  },
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/rrweb-io/rrweb.git"
@@ -21,59 +7,16 @@
   "keywords": [
     "rrweb"
   ],
-  "main": "lib/rrweb-all.js",
-  "module": "es/rrweb/src/entries/all.js",
-  "unpkg": "dist/rrweb.js",
-  "sideEffects": false,
-  "typings": "typings/entries/all.d.ts",
-  "files": [
-    "dist",
-    "lib",
-    "es",
-    "typings"
-  ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
   },
+  "private": true,
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
-  "devDependencies": {
-    "@types/chai": "^4.1.6",
-    "@types/inquirer": "0.0.43",
-    "@types/jsdom": "^16.2.12",
-    "@types/mocha": "^5.2.5",
-    "@types/node": "^12.20.16",
-    "@types/prettier": "^2.3.2",
-    "@types/puppeteer": "^5.4.3",
-    "chai": "^4.2.0",
-    "cross-env": "^5.2.0",
-    "fast-mhtml": "^1.1.9",
-    "ignore-styles": "^5.0.1",
-    "inquirer": "^6.2.1",
-    "jest-snapshot": "^23.6.0",
-    "jsdom": "^16.6.0",
-    "jsdom-global": "^3.0.2",
-    "mocha": "^5.2.0",
-    "prettier": "2.2.1",
-    "puppeteer": "^9.1.1",
-    "rollup": "^2.3.3",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^3.4.0",
-    "rollup-plugin-postcss": "^3.1.1",
-    "rollup-plugin-rename-node-modules": "^1.1.0",
-    "rollup-plugin-terser": "^5.3.0",
-    "rollup-plugin-typescript": "^1.0.0",
-    "ts-node": "^7.0.1",
-    "tslib": "^1.9.3",
-    "tslint": "^4.5.1",
-    "typescript": "^3.9.5"
-  },
-  "dependencies": {
-    "@types/css-font-loading-module": "0.0.4",
-    "@xstate/fsm": "^1.4.0",
-    "fflate": "^0.4.4",
-    "mitt": "^1.1.3",
-    "rrweb-snapshot": "^1.1.7"
-  }
+  "workspaces": [
+    "packages/rrweb",
+    "packages/rrweb-snapshot",
+    "packages/rrweb-player"
+  ]
 }
diff --git a/packages/rrweb-player/package.json b/packages/rrweb-player/package.json
index d47c45f0..12e1f9c1 100644
--- a/packages/rrweb-player/package.json
+++ b/packages/rrweb-player/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",
-    "rrweb": "^1.0.1"
+    "rrweb": "^1.0.2"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/packages/rrweb-snapshot/.gitignore b/packages/rrweb-snapshot/.gitignore
new file mode 100644
index 00000000..3365d492
--- /dev/null
+++ b/packages/rrweb-snapshot/.gitignore
@@ -0,0 +1,8 @@
+.vscode
+node_modules
+package-lock.json
+build
+dist
+es
+lib
+temp
diff --git a/packages/rrweb-snapshot/LICENSE b/packages/rrweb-snapshot/LICENSE
deleted file mode 100644
index 0b2f1b2f..00000000
--- a/packages/rrweb-snapshot/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Contributors (https://github.com/rrweb-io/rrweb-snapshot/graphs/contributors) and SmartX Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/packages/rrweb/.gitignore b/packages/rrweb/.gitignore
new file mode 100644
index 00000000..afbda82b
--- /dev/null
+++ b/packages/rrweb/.gitignore
@@ -0,0 +1,15 @@
+.vscode
+.idea
+node_modules
+package-lock.json
+# yarn.lock
+build
+dist
+es
+lib
+
+temp
+
+*.log
+
+.env
diff --git a/.release-it.json b/packages/rrweb/.release-it.json
similarity index 100%
rename from .release-it.json
rename to packages/rrweb/.release-it.json
diff --git a/packages/rrweb/package.json b/packages/rrweb/package.json
new file mode 100644
index 00000000..9b4cc861
--- /dev/null
+++ b/packages/rrweb/package.json
@@ -0,0 +1,79 @@
+{
+  "name": "rrweb",
+  "version": "1.0.2",
+  "description": "record and replay the web",
+  "scripts": {
+    "prepare": "npm run prepack",
+    "prepack": "npm run bundle",
+    "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
+    "test:headless": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true PUPPETEER_HEADLESS=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
+    "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch --watch-extensions js,ts",
+    "repl": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true ts-node scripts/repl.ts",
+    "bundle:browser": "cross-env BROWSER_ONLY=true rollup --config",
+    "bundle": "rollup --config",
+    "typings": "tsc -d --declarationDir typings",
+    "check-types": "tsc -noEmit"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/rrweb-io/rrweb.git"
+  },
+  "keywords": [
+    "rrweb"
+  ],
+  "main": "lib/rrweb-all.js",
+  "module": "es/rrweb/src/entries/all.js",
+  "unpkg": "dist/rrweb.js",
+  "sideEffects": false,
+  "typings": "typings/entries/all.d.ts",
+  "files": [
+    "dist",
+    "lib",
+    "es",
+    "typings"
+  ],
+  "author": "yanzhen@smartx.com",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb/issues"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb#readme",
+  "devDependencies": {
+    "@types/chai": "^4.1.6",
+    "@types/inquirer": "0.0.43",
+    "@types/jsdom": "^16.2.12",
+    "@types/mocha": "^5.2.5",
+    "@types/node": "^12.20.16",
+    "@types/prettier": "^2.3.2",
+    "@types/puppeteer": "^5.4.3",
+    "chai": "^4.2.0",
+    "cross-env": "^5.2.0",
+    "fast-mhtml": "^1.1.9",
+    "ignore-styles": "^5.0.1",
+    "inquirer": "^6.2.1",
+    "jest-snapshot": "^23.6.0",
+    "jsdom": "^16.6.0",
+    "jsdom-global": "^3.0.2",
+    "mocha": "^5.2.0",
+    "prettier": "2.2.1",
+    "puppeteer": "^9.1.1",
+    "rollup": "^2.3.3",
+    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-postcss": "^3.1.1",
+    "rollup-plugin-rename-node-modules": "^1.1.0",
+    "rollup-plugin-terser": "^5.3.0",
+    "rollup-plugin-typescript": "^1.0.0",
+    "ts-node": "^7.0.1",
+    "tslib": "^1.9.3",
+    "tslint": "^4.5.1",
+    "typescript": "^3.9.5"
+  },
+  "dependencies": {
+    "@types/css-font-loading-module": "0.0.4",
+    "@xstate/fsm": "^1.4.0",
+    "fflate": "^0.4.4",
+    "mitt": "^1.1.3",
+    "rrweb-snapshot": "^1.1.7"
+  }
+}
diff --git a/rollup.config.js b/packages/rrweb/rollup.config.js
similarity index 100%
rename from rollup.config.js
rename to packages/rrweb/rollup.config.js
diff --git a/scripts/repl.ts b/packages/rrweb/scripts/repl.ts
similarity index 100%
rename from scripts/repl.ts
rename to packages/rrweb/scripts/repl.ts
diff --git a/src/entries/all.ts b/packages/rrweb/src/entries/all.ts
similarity index 100%
rename from src/entries/all.ts
rename to packages/rrweb/src/entries/all.ts
diff --git a/src/entries/record-pack.ts b/packages/rrweb/src/entries/record-pack.ts
similarity index 100%
rename from src/entries/record-pack.ts
rename to packages/rrweb/src/entries/record-pack.ts
diff --git a/src/entries/replay-unpack.ts b/packages/rrweb/src/entries/replay-unpack.ts
similarity index 100%
rename from src/entries/replay-unpack.ts
rename to packages/rrweb/src/entries/replay-unpack.ts
diff --git a/src/index.ts b/packages/rrweb/src/index.ts
similarity index 100%
rename from src/index.ts
rename to packages/rrweb/src/index.ts
diff --git a/src/packer/base.ts b/packages/rrweb/src/packer/base.ts
similarity index 100%
rename from src/packer/base.ts
rename to packages/rrweb/src/packer/base.ts
diff --git a/src/packer/index.ts b/packages/rrweb/src/packer/index.ts
similarity index 100%
rename from src/packer/index.ts
rename to packages/rrweb/src/packer/index.ts
diff --git a/src/packer/pack.ts b/packages/rrweb/src/packer/pack.ts
similarity index 100%
rename from src/packer/pack.ts
rename to packages/rrweb/src/packer/pack.ts
diff --git a/src/packer/unpack.ts b/packages/rrweb/src/packer/unpack.ts
similarity index 100%
rename from src/packer/unpack.ts
rename to packages/rrweb/src/packer/unpack.ts
diff --git a/src/plugins/console/record/error-stack-parser.ts b/packages/rrweb/src/plugins/console/record/error-stack-parser.ts
similarity index 100%
rename from src/plugins/console/record/error-stack-parser.ts
rename to packages/rrweb/src/plugins/console/record/error-stack-parser.ts
diff --git a/src/plugins/console/record/index.ts b/packages/rrweb/src/plugins/console/record/index.ts
similarity index 100%
rename from src/plugins/console/record/index.ts
rename to packages/rrweb/src/plugins/console/record/index.ts
diff --git a/src/plugins/console/record/stringify.ts b/packages/rrweb/src/plugins/console/record/stringify.ts
similarity index 100%
rename from src/plugins/console/record/stringify.ts
rename to packages/rrweb/src/plugins/console/record/stringify.ts
diff --git a/src/plugins/console/replay/index.ts b/packages/rrweb/src/plugins/console/replay/index.ts
similarity index 100%
rename from src/plugins/console/replay/index.ts
rename to packages/rrweb/src/plugins/console/replay/index.ts
diff --git a/src/record/iframe-manager.ts b/packages/rrweb/src/record/iframe-manager.ts
similarity index 100%
rename from src/record/iframe-manager.ts
rename to packages/rrweb/src/record/iframe-manager.ts
diff --git a/src/record/index.ts b/packages/rrweb/src/record/index.ts
similarity index 100%
rename from src/record/index.ts
rename to packages/rrweb/src/record/index.ts
diff --git a/src/record/mutation.ts b/packages/rrweb/src/record/mutation.ts
similarity index 100%
rename from src/record/mutation.ts
rename to packages/rrweb/src/record/mutation.ts
diff --git a/src/record/observer.ts b/packages/rrweb/src/record/observer.ts
similarity index 100%
rename from src/record/observer.ts
rename to packages/rrweb/src/record/observer.ts
diff --git a/src/record/shadow-dom-manager.ts b/packages/rrweb/src/record/shadow-dom-manager.ts
similarity index 100%
rename from src/record/shadow-dom-manager.ts
rename to packages/rrweb/src/record/shadow-dom-manager.ts
diff --git a/src/replay/index.ts b/packages/rrweb/src/replay/index.ts
similarity index 100%
rename from src/replay/index.ts
rename to packages/rrweb/src/replay/index.ts
diff --git a/src/replay/machine.ts b/packages/rrweb/src/replay/machine.ts
similarity index 100%
rename from src/replay/machine.ts
rename to packages/rrweb/src/replay/machine.ts
diff --git a/src/replay/smoothscroll.ts b/packages/rrweb/src/replay/smoothscroll.ts
similarity index 100%
rename from src/replay/smoothscroll.ts
rename to packages/rrweb/src/replay/smoothscroll.ts
diff --git a/src/replay/styles/inject-style.ts b/packages/rrweb/src/replay/styles/inject-style.ts
similarity index 100%
rename from src/replay/styles/inject-style.ts
rename to packages/rrweb/src/replay/styles/inject-style.ts
diff --git a/src/replay/styles/style.css b/packages/rrweb/src/replay/styles/style.css
similarity index 100%
rename from src/replay/styles/style.css
rename to packages/rrweb/src/replay/styles/style.css
diff --git a/src/replay/timer.ts b/packages/rrweb/src/replay/timer.ts
similarity index 100%
rename from src/replay/timer.ts
rename to packages/rrweb/src/replay/timer.ts
diff --git a/src/replay/virtual-styles.ts b/packages/rrweb/src/replay/virtual-styles.ts
similarity index 100%
rename from src/replay/virtual-styles.ts
rename to packages/rrweb/src/replay/virtual-styles.ts
diff --git a/src/rrdom/index.ts b/packages/rrweb/src/rrdom/index.ts
similarity index 100%
rename from src/rrdom/index.ts
rename to packages/rrweb/src/rrdom/index.ts
diff --git a/src/rrdom/tree-node.ts b/packages/rrweb/src/rrdom/tree-node.ts
similarity index 100%
rename from src/rrdom/tree-node.ts
rename to packages/rrweb/src/rrdom/tree-node.ts
diff --git a/src/types.ts b/packages/rrweb/src/types.ts
similarity index 100%
rename from src/types.ts
rename to packages/rrweb/src/types.ts
diff --git a/src/utils.ts b/packages/rrweb/src/utils.ts
similarity index 100%
rename from src/utils.ts
rename to packages/rrweb/src/utils.ts
diff --git a/test.d.ts b/packages/rrweb/test.d.ts
similarity index 100%
rename from test.d.ts
rename to packages/rrweb/test.d.ts
diff --git a/test/__snapshots__/integration.test.ts.snap b/packages/rrweb/test/__snapshots__/integration.test.ts.snap
similarity index 100%
rename from test/__snapshots__/integration.test.ts.snap
rename to packages/rrweb/test/__snapshots__/integration.test.ts.snap
diff --git a/test/__snapshots__/packer.test.ts.snap b/packages/rrweb/test/__snapshots__/packer.test.ts.snap
similarity index 100%
rename from test/__snapshots__/packer.test.ts.snap
rename to packages/rrweb/test/__snapshots__/packer.test.ts.snap
diff --git a/test/__snapshots__/record.test.ts.snap b/packages/rrweb/test/__snapshots__/record.test.ts.snap
similarity index 100%
rename from test/__snapshots__/record.test.ts.snap
rename to packages/rrweb/test/__snapshots__/record.test.ts.snap
diff --git a/test/__snapshots__/replayer.test.ts.snap b/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
similarity index 100%
rename from test/__snapshots__/replayer.test.ts.snap
rename to packages/rrweb/test/__snapshots__/replayer.test.ts.snap
diff --git a/test/events/style-sheet-rule-events.ts b/packages/rrweb/test/events/style-sheet-rule-events.ts
similarity index 100%
rename from test/events/style-sheet-rule-events.ts
rename to packages/rrweb/test/events/style-sheet-rule-events.ts
diff --git a/test/html/block.html b/packages/rrweb/test/html/block.html
similarity index 100%
rename from test/html/block.html
rename to packages/rrweb/test/html/block.html
diff --git a/test/html/canvas.html b/packages/rrweb/test/html/canvas.html
similarity index 100%
rename from test/html/canvas.html
rename to packages/rrweb/test/html/canvas.html
diff --git a/test/html/form.html b/packages/rrweb/test/html/form.html
similarity index 100%
rename from test/html/form.html
rename to packages/rrweb/test/html/form.html
diff --git a/test/html/frame1.html b/packages/rrweb/test/html/frame1.html
similarity index 100%
rename from test/html/frame1.html
rename to packages/rrweb/test/html/frame1.html
diff --git a/test/html/frame2.html b/packages/rrweb/test/html/frame2.html
similarity index 100%
rename from test/html/frame2.html
rename to packages/rrweb/test/html/frame2.html
diff --git a/test/html/ignore.html b/packages/rrweb/test/html/ignore.html
similarity index 100%
rename from test/html/ignore.html
rename to packages/rrweb/test/html/ignore.html
diff --git a/test/html/log.html b/packages/rrweb/test/html/log.html
similarity index 100%
rename from test/html/log.html
rename to packages/rrweb/test/html/log.html
diff --git a/test/html/main.html b/packages/rrweb/test/html/main.html
similarity index 100%
rename from test/html/main.html
rename to packages/rrweb/test/html/main.html
diff --git a/test/html/mask-text.html b/packages/rrweb/test/html/mask-text.html
similarity index 100%
rename from test/html/mask-text.html
rename to packages/rrweb/test/html/mask-text.html
diff --git a/test/html/move-node.html b/packages/rrweb/test/html/move-node.html
similarity index 100%
rename from test/html/move-node.html
rename to packages/rrweb/test/html/move-node.html
diff --git a/test/html/mutation-observer.html b/packages/rrweb/test/html/mutation-observer.html
similarity index 100%
rename from test/html/mutation-observer.html
rename to packages/rrweb/test/html/mutation-observer.html
diff --git a/test/html/password.html b/packages/rrweb/test/html/password.html
similarity index 100%
rename from test/html/password.html
rename to packages/rrweb/test/html/password.html
diff --git a/test/html/react-styled-components.html b/packages/rrweb/test/html/react-styled-components.html
similarity index 100%
rename from test/html/react-styled-components.html
rename to packages/rrweb/test/html/react-styled-components.html
diff --git a/test/html/select2.html b/packages/rrweb/test/html/select2.html
similarity index 100%
rename from test/html/select2.html
rename to packages/rrweb/test/html/select2.html
diff --git a/test/html/shadow-dom.html b/packages/rrweb/test/html/shadow-dom.html
similarity index 100%
rename from test/html/shadow-dom.html
rename to packages/rrweb/test/html/shadow-dom.html
diff --git a/test/html/shuffle.html b/packages/rrweb/test/html/shuffle.html
similarity index 100%
rename from test/html/shuffle.html
rename to packages/rrweb/test/html/shuffle.html
diff --git a/test/integration.test.ts b/packages/rrweb/test/integration.test.ts
similarity index 100%
rename from test/integration.test.ts
rename to packages/rrweb/test/integration.test.ts
diff --git a/test/machine.test.ts b/packages/rrweb/test/machine.test.ts
similarity index 100%
rename from test/machine.test.ts
rename to packages/rrweb/test/machine.test.ts
diff --git a/test/packer.test.ts b/packages/rrweb/test/packer.test.ts
similarity index 100%
rename from test/packer.test.ts
rename to packages/rrweb/test/packer.test.ts
diff --git a/test/record.test.ts b/packages/rrweb/test/record.test.ts
similarity index 100%
rename from test/record.test.ts
rename to packages/rrweb/test/record.test.ts
diff --git a/test/replay/virtual-styles.test.ts b/packages/rrweb/test/replay/virtual-styles.test.ts
similarity index 100%
rename from test/replay/virtual-styles.test.ts
rename to packages/rrweb/test/replay/virtual-styles.test.ts
diff --git a/test/replayer.test.ts b/packages/rrweb/test/replayer.test.ts
similarity index 100%
rename from test/replayer.test.ts
rename to packages/rrweb/test/replayer.test.ts
diff --git a/test/utils.ts b/packages/rrweb/test/utils.ts
similarity index 100%
rename from test/utils.ts
rename to packages/rrweb/test/utils.ts
diff --git a/tsconfig.json b/packages/rrweb/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to packages/rrweb/tsconfig.json
diff --git a/tslint.json b/packages/rrweb/tslint.json
similarity index 100%
rename from tslint.json
rename to packages/rrweb/tslint.json
diff --git a/typings/boost.d.ts b/packages/rrweb/typings/boost.d.ts
similarity index 100%
rename from typings/boost.d.ts
rename to packages/rrweb/typings/boost.d.ts
diff --git a/typings/entries/all.d.ts b/packages/rrweb/typings/entries/all.d.ts
similarity index 100%
rename from typings/entries/all.d.ts
rename to packages/rrweb/typings/entries/all.d.ts
diff --git a/typings/entries/record-pack.d.ts b/packages/rrweb/typings/entries/record-pack.d.ts
similarity index 100%
rename from typings/entries/record-pack.d.ts
rename to packages/rrweb/typings/entries/record-pack.d.ts
diff --git a/typings/entries/replay-unpack.d.ts b/packages/rrweb/typings/entries/replay-unpack.d.ts
similarity index 100%
rename from typings/entries/replay-unpack.d.ts
rename to packages/rrweb/typings/entries/replay-unpack.d.ts
diff --git a/typings/index.d.ts b/packages/rrweb/typings/index.d.ts
similarity index 100%
rename from typings/index.d.ts
rename to packages/rrweb/typings/index.d.ts
diff --git a/typings/packer/base.d.ts b/packages/rrweb/typings/packer/base.d.ts
similarity index 100%
rename from typings/packer/base.d.ts
rename to packages/rrweb/typings/packer/base.d.ts
diff --git a/typings/packer/index.d.ts b/packages/rrweb/typings/packer/index.d.ts
similarity index 100%
rename from typings/packer/index.d.ts
rename to packages/rrweb/typings/packer/index.d.ts
diff --git a/typings/packer/pack.d.ts b/packages/rrweb/typings/packer/pack.d.ts
similarity index 100%
rename from typings/packer/pack.d.ts
rename to packages/rrweb/typings/packer/pack.d.ts
diff --git a/typings/packer/unpack.d.ts b/packages/rrweb/typings/packer/unpack.d.ts
similarity index 100%
rename from typings/packer/unpack.d.ts
rename to packages/rrweb/typings/packer/unpack.d.ts
diff --git a/typings/plugins/console/record/error-stack-parser.d.ts b/packages/rrweb/typings/plugins/console/record/error-stack-parser.d.ts
similarity index 100%
rename from typings/plugins/console/record/error-stack-parser.d.ts
rename to packages/rrweb/typings/plugins/console/record/error-stack-parser.d.ts
diff --git a/typings/plugins/console/record/index.d.ts b/packages/rrweb/typings/plugins/console/record/index.d.ts
similarity index 100%
rename from typings/plugins/console/record/index.d.ts
rename to packages/rrweb/typings/plugins/console/record/index.d.ts
diff --git a/typings/plugins/console/record/stringify.d.ts b/packages/rrweb/typings/plugins/console/record/stringify.d.ts
similarity index 100%
rename from typings/plugins/console/record/stringify.d.ts
rename to packages/rrweb/typings/plugins/console/record/stringify.d.ts
diff --git a/typings/plugins/console/replay/index.d.ts b/packages/rrweb/typings/plugins/console/replay/index.d.ts
similarity index 100%
rename from typings/plugins/console/replay/index.d.ts
rename to packages/rrweb/typings/plugins/console/replay/index.d.ts
diff --git a/typings/record/collection.d.ts b/packages/rrweb/typings/record/collection.d.ts
similarity index 100%
rename from typings/record/collection.d.ts
rename to packages/rrweb/typings/record/collection.d.ts
diff --git a/typings/record/error-stack-parser.d.ts b/packages/rrweb/typings/record/error-stack-parser.d.ts
similarity index 100%
rename from typings/record/error-stack-parser.d.ts
rename to packages/rrweb/typings/record/error-stack-parser.d.ts
diff --git a/typings/record/iframe-manager.d.ts b/packages/rrweb/typings/record/iframe-manager.d.ts
similarity index 100%
rename from typings/record/iframe-manager.d.ts
rename to packages/rrweb/typings/record/iframe-manager.d.ts
diff --git a/typings/record/index.d.ts b/packages/rrweb/typings/record/index.d.ts
similarity index 100%
rename from typings/record/index.d.ts
rename to packages/rrweb/typings/record/index.d.ts
diff --git a/typings/record/mutation.d.ts b/packages/rrweb/typings/record/mutation.d.ts
similarity index 100%
rename from typings/record/mutation.d.ts
rename to packages/rrweb/typings/record/mutation.d.ts
diff --git a/typings/record/observer.d.ts b/packages/rrweb/typings/record/observer.d.ts
similarity index 100%
rename from typings/record/observer.d.ts
rename to packages/rrweb/typings/record/observer.d.ts
diff --git a/typings/record/shadow-dom-manager.d.ts b/packages/rrweb/typings/record/shadow-dom-manager.d.ts
similarity index 100%
rename from typings/record/shadow-dom-manager.d.ts
rename to packages/rrweb/typings/record/shadow-dom-manager.d.ts
diff --git a/typings/record/stringify.d.ts b/packages/rrweb/typings/record/stringify.d.ts
similarity index 100%
rename from typings/record/stringify.d.ts
rename to packages/rrweb/typings/record/stringify.d.ts
diff --git a/typings/replay/index.d.ts b/packages/rrweb/typings/replay/index.d.ts
similarity index 100%
rename from typings/replay/index.d.ts
rename to packages/rrweb/typings/replay/index.d.ts
diff --git a/typings/replay/machine.d.ts b/packages/rrweb/typings/replay/machine.d.ts
similarity index 100%
rename from typings/replay/machine.d.ts
rename to packages/rrweb/typings/replay/machine.d.ts
diff --git a/typings/replay/smoothscroll.d.ts b/packages/rrweb/typings/replay/smoothscroll.d.ts
similarity index 100%
rename from typings/replay/smoothscroll.d.ts
rename to packages/rrweb/typings/replay/smoothscroll.d.ts
diff --git a/typings/replay/styles/inject-style.d.ts b/packages/rrweb/typings/replay/styles/inject-style.d.ts
similarity index 100%
rename from typings/replay/styles/inject-style.d.ts
rename to packages/rrweb/typings/replay/styles/inject-style.d.ts
diff --git a/typings/replay/timer.d.ts b/packages/rrweb/typings/replay/timer.d.ts
similarity index 100%
rename from typings/replay/timer.d.ts
rename to packages/rrweb/typings/replay/timer.d.ts
diff --git a/typings/replay/virtual-styles.d.ts b/packages/rrweb/typings/replay/virtual-styles.d.ts
similarity index 100%
rename from typings/replay/virtual-styles.d.ts
rename to packages/rrweb/typings/replay/virtual-styles.d.ts
diff --git a/typings/rrdom/index.d.ts b/packages/rrweb/typings/rrdom/index.d.ts
similarity index 100%
rename from typings/rrdom/index.d.ts
rename to packages/rrweb/typings/rrdom/index.d.ts
diff --git a/typings/rrdom/tree-node.d.ts b/packages/rrweb/typings/rrdom/tree-node.d.ts
similarity index 100%
rename from typings/rrdom/tree-node.d.ts
rename to packages/rrweb/typings/rrdom/tree-node.d.ts
diff --git a/typings/types.d.ts b/packages/rrweb/typings/types.d.ts
similarity index 100%
rename from typings/types.d.ts
rename to packages/rrweb/typings/types.d.ts
diff --git a/typings/utils.d.ts b/packages/rrweb/typings/utils.d.ts
similarity index 98%
rename from typings/utils.d.ts
rename to packages/rrweb/typings/utils.d.ts
index 763fa503..e259f176 100644
--- a/typings/utils.d.ts
+++ b/packages/rrweb/typings/utils.d.ts
@@ -46,6 +46,7 @@ export declare class TreeIndex {
         inputMap: TreeIndex['inputMap'];
     };
     private reset;
+    idRemoved(id: number): boolean;
 }
 declare type ResolveTree = {
     value: addedNodeMutation;
diff --git a/yarn.lock b/yarn.lock
index 30d9e620..e0138bfb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,42 +2,152 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0-beta.35", "@babel/code-frame@^7.5.5":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
-  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
+"@babel/code-frame@7.12.11":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
+  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/helper-validator-identifier@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
-  integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
-
-"@babel/highlight@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
-  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.5.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.14.5.tgz#23b08d740e83f49c5e59945fbf1b43e80bbf4edb"
+  integrity sha512-9pzDqyc6OLDaqe+zbACgFkb6fKMNG6CObKpnYXChRsvYGyEdc7CA2BaqeOM+vOtCS5ndmJicPJhKAwYRI6UfFw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.10.4"
+    "@babel/highlight" "^7.14.5"
+
+"@babel/helper-validator-identifier@^7.14.5":
+  version "7.14.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.8.tgz#32be33a756f29e278a0d644fa08a2c9e0f88a34c"
+  integrity sha512-ZGy6/XQjllhYQrNw/3zfWRwZCTVSiBLZ9DHVZxn9n2gip/7ab8mv2TWlKPIBk26RwedCBoWdjLmn+t9na2Gcow==
+
+"@babel/highlight@^7.10.4", "@babel/highlight@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.14.5.tgz#6861a52f03966405001f6aa534a01a24d99e8cd9"
+  integrity sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.14.5"
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@eslint/eslintrc@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
+  integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.1.1"
+    espree "^7.3.0"
+    globals "^13.9.0"
+    ignore "^4.0.6"
+    import-fresh "^3.2.1"
+    js-yaml "^3.13.1"
+    minimatch "^3.0.4"
+    strip-json-comments "^3.1.1"
+
+"@humanwhocodes/config-array@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
+  integrity sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.0"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
+"@humanwhocodes/object-schema@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz#87de7af9c231826fdd68ac7258f77c429e0e5fcf"
+  integrity sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==
+
+"@polka/url@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-0.5.0.tgz#b21510597fd601e5d7c95008b76bf0d254ebfd31"
+  integrity sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==
+
+"@rollup/plugin-commonjs@^11.0.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-11.1.0.tgz#60636c7a722f54b41e419e1709df05c7234557ef"
+  integrity sha512-Ycr12N3ZPN96Fw2STurD21jMqzKwL9QuFhms3SD7KKRK7oaXUsBU9Zt0jL/rOPHiPYisI21/rXGO3jr9BnLHUA==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.8"
+    commondir "^1.0.1"
+    estree-walker "^1.0.1"
+    glob "^7.1.2"
+    is-reference "^1.1.2"
+    magic-string "^0.25.2"
+    resolve "^1.11.0"
+
+"@rollup/plugin-node-resolve@^7.0.0":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz#80de384edfbd7bfc9101164910f86078151a3eca"
+  integrity sha512-RxtSL3XmdTAE2byxekYLnx+98kEUOrPHF/KRVjLH+DEIHy6kjIw7YINQzn+NXiH/NTrQLAwYs0GWB+csWygA9Q==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.8"
+    "@types/resolve" "0.0.8"
+    builtin-modules "^3.1.0"
+    is-module "^1.0.0"
+    resolve "^1.14.2"
+
+"@rollup/plugin-typescript@^4.0.0":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
+  integrity sha512-+7UlGat/99e2JbmGNnIauxwEhYLwrL7adO/tSJxUN57xrrS3Ps+ZzYpLCDGPZJ57j+ZJTZLLN89KXW9JMEB+jg==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.1"
+    resolve "^1.14.1"
+
+"@rollup/pluginutils@4":
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.1.1.tgz#1d4da86dd4eded15656a57d933fda2b9a08d47ec"
+  integrity sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
+"@rollup/pluginutils@^3.0.1", "@rollup/pluginutils@^3.0.8":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
   integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
 
-"@types/chai@^4.1.6":
-  version "4.2.14"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.2.14.tgz#44d2dd0b5de6185089375d976b4ec5caf6861193"
-  integrity sha512-G+ITQPXkwTrslfG5L/BksmbLUA0M1iybEsmCWPqzSxsRRhJZimBKJkoMi8fr/CPygPTj4zO5pJH7I2/cm9M7SQ==
+"@tsconfig/svelte@^1.0.0":
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/@tsconfig/svelte/-/svelte-1.0.13.tgz#2fa34376627192c0d643ce54964915e2bd3a58e4"
+  integrity sha512-5lYJP45Xllo4yE/RUBccBT32eBlRDbqN8r1/MIvQbKxW3aFqaYPCNgm8D5V20X4ShHcwvYWNlKg3liDh1MlBoA==
+
+"@types/chai@^4.1.4", "@types/chai@^4.1.6":
+  version "4.2.21"
+  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.2.21.tgz#9f35a5643129df132cf3b5c1ec64046ea1af0650"
+  integrity sha512-yd+9qKmJxm496BOV9CMNaey8TWsikaZOwMRwPHQIjcOJM9oV+fi9ZMNw3JsVnbEEbo2gRTDnGEBv8pjyn67hNg==
 
 "@types/css-font-loading-module@0.0.4":
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/@types/css-font-loading-module/-/css-font-loading-module-0.0.4.tgz#94a835e27d1af444c65cba88523533c174463d64"
   integrity sha512-ENdXf7MW4m9HeDojB2Ukbi7lYMIuQNBHVf98dbzaiG4EEJREBd6oleVAjrLRCrp7dm6CK1mmdmU9tcgF61acbw==
 
+"@types/eslint-visitor-keys@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
+  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
+
+"@types/estree@*":
+  version "0.0.50"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.50.tgz#1e0caa9364d3fccd2931c3ed96fdbeaa5d4cca83"
+  integrity sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==
+
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
 "@types/inquirer@0.0.43":
   version "0.0.43"
   resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-0.0.43.tgz#1eb0bbb4648e6cc568bd396c1e989f620ad01273"
@@ -46,24 +156,34 @@
     "@types/rx" "*"
     "@types/through" "*"
 
-"@types/jsdom@^16.2.12":
-  version "16.2.12"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.12.tgz#2d47f5c9f7e40b4d5d9b5f0534c736dc475f9569"
-  integrity sha512-rD68Q2XSKBYOl38Tb9jbPuqZeTtpw09dFeuKWi7yhlZVfY8rV4xnQmISNQQZfhkQJGpJWp2qCmmrWjhiqDFNvA==
+"@types/jsdom@^16.2.12", "@types/jsdom@^16.2.4":
+  version "16.2.13"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.13.tgz#126c8b7441b159d6234610a48de77b6066f1823f"
+  integrity sha512-8JQCjdeAidptSsOcRWk2iTm9wCcwn9l+kRG6k5bzUacrnm1ezV4forq0kWjUih/tumAeoG+OspOvQEbbRucBTw==
   dependencies:
     "@types/node" "*"
     "@types/parse5" "*"
     "@types/tough-cookie" "*"
 
+"@types/json-schema@^7.0.3":
+  version "7.0.8"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.8.tgz#edf1bf1dbf4e04413ca8e5b17b3b7d7d54b59818"
+  integrity sha512-YSBPTLTVm2e2OoQIDYx8HaeWJ5tTToLH67kXR7zYNGupXMEHa2++G8k+DczX2cFVgalypqtyZIcU19AFcmOpmg==
+
 "@types/mocha@^5.2.5":
   version "5.2.7"
   resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-5.2.7.tgz#315d570ccb56c53452ff8638738df60726d5b6ea"
   integrity sha512-NYrtPht0wGzhwe9+/idPaBB+TqkY9AhTvOLMkThm0IoEfLaiVQZwBwyJ5puCkO3AUCWrmcoePjp2mbFocKy4SQ==
 
 "@types/node@*":
-  version "14.14.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.2.tgz#d25295f9e4ca5989a2c610754dc02a9721235eeb"
-  integrity sha512-jeYJU2kl7hL9U5xuI/BhKPZ4vqGM/OmK6whiFAXVhlstzZhVamWhDSmHyGLIp+RVyuF9/d0dqr2P85aFj4BvJg==
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.4.0.tgz#2c219eaa3b8d1e4d04f4dd6e40bc68c7467d5272"
+  integrity sha512-HrJuE7Mlqcjj+00JqMWpZ3tY8w7EUd+S0U3L1+PQSWiXZbOgyQDvi+ogoUxaHApPJq5diKxYBQwA3iIlNcPqOg==
+
+"@types/node@^10.11.3":
+  version "10.17.60"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.60.tgz#35f3d6213daed95da7f0f73e75bcc6980e90597b"
+  integrity sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==
 
 "@types/node@^12.20.16":
   version "12.20.16"
@@ -71,26 +191,45 @@
   integrity sha512-6CLxw83vQf6DKqXxMPwl8qpF8I7THFZuIwLt4TnNsumxkp1VsRZWT8txQxncT/Rl2UojTsFzWgDG4FRMwafrlA==
 
 "@types/parse5@*":
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.0.tgz#38590dc2c3cf5717154064e3ee9b6947ee21b299"
-  integrity sha512-oPwPSj4a1wu9rsXTEGIJz91ISU725t0BmSnUhb57sI+M8XEmvUop84lzuiYdq0Y5M6xLY8DBPg0C2xEQKLyvBA==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.1.tgz#f8ae4fbcd2b9ba4ff934698e28778961f9cb22ca"
+  integrity sha512-ARATsLdrGPUnaBvxLhUlnltcMgn7pQG312S8ccdYlnyijabrX9RN/KN/iGj9Am96CoW8e/K9628BA7Bv4XHdrA==
 
 "@types/prettier@^2.3.2":
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.3.2.tgz#fc8c2825e4ed2142473b4a81064e6e081463d1b3"
   integrity sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog==
 
+"@types/pug@^2.0.4":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.5.tgz#69bc700934dd473c7ab97270bd2dbacefe562231"
+  integrity sha512-LOnASQoeNZMkzexRuyqcBBDZ6rS+rQxUMkmj5A0PkhhiSZivLIuz6Hxyr1mkGoEZEkk66faROmpMi4fFkrKsBA==
+
+"@types/puppeteer@^1.12.4":
+  version "1.20.8"
+  resolved "https://registry.yarnpkg.com/@types/puppeteer/-/puppeteer-1.20.8.tgz#fadbf64f7ac497e9248297beb6ed6a01705c0918"
+  integrity sha512-yJZzz9NeEmTxRGaZzUxUtBIEAoVXTtAx40mG8K0eDPwEeWyuxXKC7Lredxs6uNcgbvMDc8xzYy4v54jbbpoqrg==
+  dependencies:
+    "@types/node" "*"
+
 "@types/puppeteer@^5.4.3":
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/@types/puppeteer/-/puppeteer-5.4.3.tgz#cdca84aa7751d77448d8a477dbfa0af1f11485f2"
-  integrity sha512-3nE8YgR9DIsgttLW+eJf6mnXxq8Ge+27m5SU3knWmrlfl6+KOG0Bf9f7Ua7K+C4BnaTMAh3/UpySqdAYvrsvjg==
+  version "5.4.4"
+  resolved "https://registry.yarnpkg.com/@types/puppeteer/-/puppeteer-5.4.4.tgz#e92abeccc4f46207c3e1b38934a1246be080ccd0"
+  integrity sha512-3Nau+qi69CN55VwZb0ATtdUAlYlqOOQ3OfQfq0Hqgc4JMFXiQT/XInlwQ9g6LbicDslE6loIFsXFklGh5XmI6Q==
   dependencies:
     "@types/node" "*"
 
 "@types/q@^1.5.1":
-  version "1.5.4"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
-  integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
+  integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
+
+"@types/resolve@0.0.8":
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
+  integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==
+  dependencies:
+    "@types/node" "*"
 
 "@types/rx-core-binding@*":
   version "4.0.4"
@@ -193,6 +332,13 @@
     "@types/rx-lite-time" "*"
     "@types/rx-lite-virtualtime" "*"
 
+"@types/sass@^1.16.0":
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/@types/sass/-/sass-1.16.1.tgz#cf465bd1fea486d0331f760db023de14daf4980d"
+  integrity sha512-iZUcRrGuz/Tbg3loODpW7vrQJkUtpY2fFSf4ELqqkApcS2TkZ1msk7ie8iZPB86lDOP8QOTTmuvWjc5S0R9OjQ==
+  dependencies:
+    "@types/node" "*"
+
 "@types/through@*":
   version "0.0.30"
   resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.30.tgz#e0e42ce77e897bd6aead6f6ea62aeb135b8a3895"
@@ -206,16 +352,76 @@
   integrity sha512-Y0K95ThC3esLEYD6ZuqNek29lNX2EM1qxV8y2FTLUB0ff5wWrk7az+mLrnNFUnaXcgKye22+sFBRXOgpPILZNg==
 
 "@types/yauzl@^2.9.1":
-  version "2.9.1"
-  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.9.1.tgz#d10f69f9f522eef3cf98e30afb684a1e1ec923af"
-  integrity sha512-A1b8SU4D10uoPjwb0lnHmmu8wZhR9d+9o2PKBQT2jU5YPTKsxac6M2qGAdY7VcL+dHHhARVUDmeg0rOrcd9EjA==
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.9.2.tgz#c48e5d56aff1444409e39fa164b0b4d4552a7b7a"
+  integrity sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==
   dependencies:
     "@types/node" "*"
 
+"@typescript-eslint/eslint-plugin@^3.7.0":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.10.1.tgz#7e061338a1383f59edc204c605899f93dc2e2c8f"
+  integrity sha512-PQg0emRtzZFWq6PxBcdxRH3QIQiyFO3WCVpRL3fgj5oQS3CDs3AeAKfv4DxNhzn8ITdNJGJ4D3Qw8eAJf3lXeQ==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "3.10.1"
+    debug "^4.1.1"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.0.0"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/experimental-utils@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-3.10.1.tgz#e179ffc81a80ebcae2ea04e0332f8b251345a686"
+  integrity sha512-DewqIgscDzmAfd5nOGe4zm6Bl7PKtMG2Ad0KG8CUZAHlXfAKTF9Ol5PXhiMh39yRL2ChRH1cuuUGOcVyyrhQIw==
+  dependencies:
+    "@types/json-schema" "^7.0.3"
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/typescript-estree" "3.10.1"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
+
+"@typescript-eslint/parser@^3.7.0":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-3.10.1.tgz#1883858e83e8b442627e1ac6f408925211155467"
+  integrity sha512-Ug1RcWcrJP02hmtaXVS3axPPTTPnZjupqhgj+NnZ6BCkwSImWk/283347+x9wN+lqOdK9Eo3vsyiyDHgsmiEJw==
+  dependencies:
+    "@types/eslint-visitor-keys" "^1.0.0"
+    "@typescript-eslint/experimental-utils" "3.10.1"
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/typescript-estree" "3.10.1"
+    eslint-visitor-keys "^1.1.0"
+
+"@typescript-eslint/types@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
+  integrity sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ==
+
+"@typescript-eslint/typescript-estree@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-3.10.1.tgz#fd0061cc38add4fad45136d654408569f365b853"
+  integrity sha512-QbcXOuq6WYvnB3XPsZpIwztBoquEYLXh2MtwVU+kO8jgYCiv4G5xrSP/1wg4tkvrEE+esZVquIPX/dxPlePk1w==
+  dependencies:
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/visitor-keys" "3.10.1"
+    debug "^4.1.1"
+    glob "^7.1.6"
+    is-glob "^4.0.1"
+    lodash "^4.17.15"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/visitor-keys@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-3.10.1.tgz#cd4274773e3eb63b2e870ac602274487ecd1e931"
+  integrity sha512-9JgC82AaQeglebjZMgYR5wgmfUdUc+EitGUUMW8u2nDckaeimzW+VsoLV6FoimPv2id3VQzfjwBxEMVz08ameQ==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 "@xstate/fsm@^1.4.0":
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/@xstate/fsm/-/fsm-1.5.1.tgz#b1ebedc77b11e4956fda0a6429cef986cd17979e"
-  integrity sha512-t8blLI0e90jCE71yUQHLH5uEljD1v0aC8PKkHUtNWEnXt81EOj7xBjnlwmaHn/8cmE2aSygiBElUpkRZUV9hXA==
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/@xstate/fsm/-/fsm-1.6.1.tgz#c92972b835540c4e3c5e14277f40dbcbdaee9571"
+  integrity sha512-xYKDNuPR36/fUK+jmhM+oauBmbdUAfuJKnDjg3/7NbN+Pj03TX7e94LXnzkwGgAR+U/HWoMqM5UPTuGIYfIx9g==
 
 abab@^2.0.3, abab@^2.0.5:
   version "2.0.5"
@@ -238,12 +444,17 @@ acorn-globals@^6.0.0:
     acorn "^7.1.1"
     acorn-walk "^7.1.1"
 
+acorn-jsx@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
 acorn-walk@^7.1.1:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^7.1.1:
+acorn@^7.1.1, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@@ -260,6 +471,33 @@ agent-base@6:
   dependencies:
     debug "4"
 
+agent-base@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
+  integrity sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==
+  dependencies:
+    es6-promisify "^5.0.0"
+
+ajv@^6.10.0, ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.0.1:
+  version "8.6.2"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.2.tgz#2fb45e0e5fcbc0813326c1c3da535d1881bb0571"
+  integrity sha512-9807RlWAgT564wT+DjeyU5OFMPjmzxVobvDFmNAhY+5zD6A2ly3jDp6sgnfyDtlIQ+7H97oc/DGCzzfu9rjw9w==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.2.2"
+
 alphanum-sort@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
@@ -272,6 +510,11 @@ ansi-align@^2.0.0:
   dependencies:
     string-width "^2.0.0"
 
+ansi-colors@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
+  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
+
 ansi-escapes@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
@@ -292,6 +535,11 @@ ansi-regex@^4.1.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
   integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
 
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
+
 ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -304,13 +552,21 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.1.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
   dependencies:
     color-convert "^2.0.1"
 
+anymatch@~3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -335,6 +591,18 @@ array-flatten@1.1.1:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
   integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
 
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
+
 array-unique@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
@@ -350,6 +618,16 @@ assertion-error@^1.1.0:
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
   integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
 
+astral-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
+  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+
+async-limiter@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -383,9 +661,9 @@ babel-types@^6.0.0:
     to-fast-properties "^1.0.3"
 
 balanced-match@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
 base64-js@^1.3.1:
   version "1.5.1"
@@ -397,6 +675,11 @@ big.js@^5.2.2:
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
   integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
 bl@^4.0.3:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
@@ -462,6 +745,13 @@ braces@^1.8.2:
     preserve "^0.2.0"
     repeat-element "^1.1.2"
 
+braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
@@ -513,11 +803,24 @@ builtin-modules@^2.0.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-2.0.0.tgz#60b7ef5ae6546bd7deefa74b08b62a43a232648e"
   integrity sha512-3U5kUA5VPsRUA3nofm/BXX7GVHKfxz0hOBAPxXrIvHzlDRkQVqEn6yi8QJegxl4LzOHLdvb7XF5dVawa/VVYBg==
 
+builtin-modules@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.2.0.tgz#45d5db99e7ee5e6bc4f362e008bf917ab5049887"
+  integrity sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==
+
 bytes@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
+call-bind@^1.0.0, call-bind@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
+  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  dependencies:
+    function-bind "^1.1.1"
+    get-intrinsic "^1.0.2"
+
 caller-callsite@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
@@ -537,6 +840,11 @@ callsites@^2.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
   integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
 
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
 camelcase@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -553,25 +861,25 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001219:
-  version "1.0.30001230"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz#8135c57459854b2240b57a4a6786044bdc5a9f71"
-  integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==
+  version "1.0.30001246"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001246.tgz#fe17d9919f87124d6bb416ef7b325356d69dc76c"
+  integrity sha512-Tc+ff0Co/nFNbLOrziBXmMVtpt9S2c2Y+Z9Nk9Khj09J+0zR9ejvIW5qkZAErCbOrVODCx/MN+GpB5FNBs5GFA==
 
 capture-stack-trace@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
   integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
 
-chai@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.2.0.tgz#760aa72cf20e3795e84b12877ce0e83737aa29e5"
-  integrity sha512-XQU3bhBukrOsQCuwZndwGcCVQHyZi53fQ6Ys1Fym7E4olpIqqZZhhoFJoaKVvV17lWQoXYwgWN2nF5crA8J2jw==
+chai@^4.1.2, chai@^4.2.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.4.tgz#b55e655b31e1eac7099be4c08c21964fce2e6c49"
+  integrity sha512-yS5H68VYOCtN1cjfwumDSuzn/9c+yza4f3reKXlE5rUg7SFcCEy90gJvydNgOYtblyf4Zi6jIWRnXOgErta0KA==
   dependencies:
     assertion-error "^1.1.0"
     check-error "^1.0.2"
     deep-eql "^3.0.1"
     get-func-name "^2.0.0"
-    pathval "^1.1.0"
+    pathval "^1.1.1"
     type-detect "^4.0.5"
 
 chalk@^1.1.3:
@@ -595,9 +903,9 @@ chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.1, chalk@^2.4.2:
     supports-color "^5.3.0"
 
 chalk@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
+  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
   dependencies:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
@@ -636,6 +944,21 @@ cheerio@^1.0.0-rc.3:
     parse5-htmlparser2-tree-adapter "^6.0.1"
     tslib "^2.2.0"
 
+chokidar@^3.4.1, chokidar@^3.5.0:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75"
+  integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -672,7 +995,7 @@ coa@^2.0.2:
     chalk "^2.4.1"
     q "^1.1.2"
 
-color-convert@^1.9.0, color-convert@^1.9.1:
+color-convert@^1.9.0, color-convert@^1.9.3:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -696,21 +1019,21 @@ color-name@^1.0.0, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.5.4:
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.5.tgz#65474a8f0e7439625f3d27a6a19d89fc45223014"
-  integrity sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==
+color-string@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.6.0.tgz#c3915f61fe267672cb7e1e064c9d692219f6c312"
+  integrity sha512-c/hGS+kRWJutUBEngKKmk4iH3sD59MBkoxVapS/0wgpCz2u7XsNloxknyvBhzwEs1IbV36D9PwqLPJ2DTu3vMA==
   dependencies:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
 color@^3.0.0:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz#ca67fb4e7b97d611dcde39eceed422067d91596e"
-  integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/color/-/color-3.2.1.tgz#3544dc198caf4490c3ecc9a790b54fe9ff45e164"
+  integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==
   dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.4"
+    color-convert "^1.9.3"
+    color-string "^1.6.0"
 
 colorette@^1.2.2:
   version "1.2.2"
@@ -734,16 +1057,31 @@ commander@2.15.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.15.1.tgz#df46e867d0fc2aec66a34662b406a9ccafff5b0f"
   integrity sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==
 
-commander@^2.20.0:
+commander@^2.19.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
+concat-stream@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
 concat-with-sourcemaps@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz#d4ea93f05ae25790951b99e7b3b09e3908a4082e"
@@ -763,6 +1101,11 @@ configstore@^3.0.0:
     write-file-atomic "^2.0.0"
     xdg-basedir "^3.0.0"
 
+console-clear@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/console-clear/-/console-clear-1.1.1.tgz#995e20cbfbf14dd792b672cde387bd128d674bf7"
+  integrity sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==
+
 content-disposition@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
@@ -786,9 +1129,14 @@ cookie@0.4.0:
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
 core-js@^2.4.0:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
-  integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
+  version "2.6.12"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
+  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
 cosmiconfig@^5.0.0:
   version "5.2.1"
@@ -834,6 +1182,15 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 crypto-random-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
@@ -906,15 +1263,7 @@ css-tree@1.0.0-alpha.37:
     mdn-data "2.0.4"
     source-map "^0.6.1"
 
-css-tree@1.0.0-alpha.39:
-  version "1.0.0-alpha.39"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
-  integrity sha512-7UvkEYgBAHRG9Nt980lYxjsTrCyHFN53ky3wVsDkiMdVqylqRt+Zc+jm5qw7/qyOvN2dHSYtX0e4MbCCExSvnA==
-  dependencies:
-    mdn-data "2.0.6"
-    source-map "^0.6.1"
-
-css-tree@^1.0.0-alpha.39:
+css-tree@^1.0.0-alpha.39, css-tree@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
   integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
@@ -937,10 +1286,10 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssnano-preset-default@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz#51ec662ccfca0f88b396dcd9679cdb931be17f76"
-  integrity sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==
+cssnano-preset-default@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.8.tgz#920622b1fc1e95a34e8838203f1397a504f2d3ff"
+  integrity sha512-LdAyHuq+VRyeVREFmuxUZR1TXjQm8QQU/ktoo/x7bz+SdOge1YKc5eMN6pRW7YWBmyq59CqYba1dJ5cUukEjLQ==
   dependencies:
     css-declaration-sorter "^4.0.1"
     cssnano-util-raw-cache "^4.0.1"
@@ -970,7 +1319,7 @@ cssnano-preset-default@^4.0.7:
     postcss-ordered-values "^4.1.2"
     postcss-reduce-initial "^4.0.3"
     postcss-reduce-transforms "^4.0.2"
-    postcss-svgo "^4.0.2"
+    postcss-svgo "^4.0.3"
     postcss-unique-selectors "^4.0.1"
 
 cssnano-util-get-arguments@^4.0.0:
@@ -996,21 +1345,21 @@ cssnano-util-same-parent@^4.0.0:
   integrity sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==
 
 cssnano@^4.1.10:
-  version "4.1.10"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.10.tgz#0ac41f0b13d13d465487e111b778d42da631b8b2"
-  integrity sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.11.tgz#c7b5f5b81da269cb1fd982cb960c1200910c9a99"
+  integrity sha512-6gZm2htn7xIPJOHY824ERgj8cNPgPxyCSnkXc4v7YvNW+TdVfzgngHcEhy/8D11kUWRUMbke+tC+AUcUsnMz2g==
   dependencies:
     cosmiconfig "^5.0.0"
-    cssnano-preset-default "^4.0.7"
+    cssnano-preset-default "^4.0.8"
     is-resolvable "^1.0.0"
     postcss "^7.0.0"
 
 csso@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.0.3.tgz#0d9985dc852c7cc2b2cacfbbe1079014d1a8e903"
-  integrity sha512-NL3spysxUkcrOgnpsT4Xdl2aiEiBG6bXswAABQVHcMrfjjBisFOKwLDOmf4wf32aPdcJws1zds2B0Rg+jqMyHQ==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
   dependencies:
-    css-tree "1.0.0-alpha.39"
+    css-tree "^1.1.2"
 
 cssom@^0.4.4:
   version "0.4.4"
@@ -1038,7 +1387,7 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-debug@2.6.9:
+debug@2.6.9, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -1052,13 +1401,20 @@ debug@3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
-  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
   dependencies:
     ms "2.1.2"
 
+debug@^3.1.0:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
 decimal.js@^10.2.1:
   version "10.3.1"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
@@ -1076,7 +1432,7 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@~0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
@@ -1103,6 +1459,11 @@ destroy@~1.0.4:
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
   integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
 
+detect-indent@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
+  integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
+
 devtools-protocol@0.0.869402:
   version "0.0.869402"
   resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.869402.tgz#03ade701761742e43ae4de5dc188bcd80f156d8d"
@@ -1113,6 +1474,13 @@ diff@3.5.0, diff@^3.0.1, diff@^3.1.0, diff@^3.2.0:
   resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
   integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==
 
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -1135,12 +1503,7 @@ domelementtype@1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
 
-domelementtype@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.2.tgz#f3b6e549201e46f588b59463dd77187131fe6971"
-  integrity sha512-wFwTwCVebUrMgGeAwRL/NhZtHAUyT9n9yg4IMDwf10+6iCMxSkVq9MGCVEH+QZWo1nNidy8kNvwmv4zWHDTqvA==
-
-domelementtype@^2.2.0:
+domelementtype@^2.0.1, domelementtype@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
   integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
@@ -1201,9 +1564,14 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.723:
-  version "1.3.739"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.739.tgz#f07756aa92cabd5a6eec6f491525a64fe62f98b9"
-  integrity sha512-+LPJVRsN7hGZ9EIUUiWCpO7l4E3qBYHNadazlucBfsXBbccDFNKUBAgzE68FnkWGJPwD/AfKhSzL+G+Iqb8A4A==
+  version "1.3.784"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.784.tgz#c370be79374b02b7f13e8a8fb0d7a02641161dac"
+  integrity sha512-JTPxdUibkefeomWNaYs8lI/x/Zb4cOhZWX+d7kpzsNKzUd07pNuo/AcHeNJ/qgEchxM1IAxda9aaGUhKN/poOg==
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
 emojis-list@^3.0.0:
   version "3.0.0"
@@ -1222,10 +1590,17 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
+enquirer@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
+  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
+  dependencies:
+    ansi-colors "^4.1.1"
+
 entities@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -1234,40 +1609,27 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.17.0-next.1, es-abstract@^1.17.2:
-  version "1.17.7"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c"
-  integrity sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==
+es-abstract@^1.17.2, es-abstract@^1.18.0-next.2, es-abstract@^1.18.2:
+  version "1.18.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.3.tgz#25c4c3380a27aa203c44b2b685bba94da31b63e0"
+  integrity sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==
   dependencies:
+    call-bind "^1.0.2"
     es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
+    get-intrinsic "^1.1.1"
     has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.2.2"
-    is-regex "^1.1.1"
-    object-inspect "^1.8.0"
+    has-symbols "^1.0.2"
+    is-callable "^1.2.3"
+    is-negative-zero "^2.0.1"
+    is-regex "^1.1.3"
+    is-string "^1.0.6"
+    object-inspect "^1.10.3"
     object-keys "^1.1.1"
-    object.assign "^4.1.1"
-    string.prototype.trimend "^1.0.1"
-    string.prototype.trimstart "^1.0.1"
-
-es-abstract@^1.18.0-next.0, es-abstract@^1.18.0-next.1:
-  version "1.18.0-next.1"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0-next.1.tgz#6e3a0a4bda717e5023ab3b8e90bec36108d22c68"
-  integrity sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.2.2"
-    is-negative-zero "^2.0.0"
-    is-regex "^1.1.1"
-    object-inspect "^1.8.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.1"
-    string.prototype.trimend "^1.0.1"
-    string.prototype.trimstart "^1.0.1"
+    object.assign "^4.1.2"
+    string.prototype.trimend "^1.0.4"
+    string.prototype.trimstart "^1.0.4"
+    unbox-primitive "^1.0.1"
 
 es-to-primitive@^1.2.1:
   version "1.2.1"
@@ -1278,6 +1640,18 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es6-promise@^4.0.3:
+  version "4.2.8"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
+  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
+
+es6-promisify@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-5.0.0.tgz#5109d62f3e56ea967c4b63505aef08291c8a5203"
+  integrity sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=
+  dependencies:
+    es6-promise "^4.0.3"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -1293,6 +1667,16 @@ escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
 escodegen@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
@@ -1305,12 +1689,121 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
+eslint-config-google@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-google/-/eslint-config-google-0.11.0.tgz#fd0fc70be2e9114df097cac93a9b5b0d4e1c6830"
+  integrity sha512-z541Fs5TFaY7/35v/z100InQ2f3V2J7e3u/0yKrnImgsHjh6JWgSRngfC/mZepn/+XN16jUydt64k//kxXc1fw==
+
+eslint-plugin-svelte3@^2.7.3:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-svelte3/-/eslint-plugin-svelte3-2.7.3.tgz#e793b646b848e717674fe668c21b909cfa025eb3"
+  integrity sha512-p6HhxyICX9x/x+8WSy6AVk2bmv9ayoznoTSyCvK47th/k/07ksuJixMwbGX9qxJVAmPBaYMjEIMSEZtJHPIN7w==
+
+eslint-scope@^5.0.0, eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-utils@^2.0.0, eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint-visitor-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint@^7.5.0:
+  version "7.31.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.31.0.tgz#f972b539424bf2604907a970860732c5d99d3aca"
+  integrity sha512-vafgJpSh2ia8tnTkNUkwxGmnumgckLh5aAbLa1xRmIn9+owi8qBNGKL+B881kNKNTy7FFqTEkpNkUvmw0n6PkA==
+  dependencies:
+    "@babel/code-frame" "7.12.11"
+    "@eslint/eslintrc" "^0.4.3"
+    "@humanwhocodes/config-array" "^0.5.0"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    enquirer "^2.3.5"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^2.0.0"
+    espree "^7.3.1"
+    esquery "^1.4.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^5.1.2"
+    globals "^13.6.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.0.4"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    progress "^2.0.0"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
+    table "^6.0.9"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
+espree@^7.3.0, espree@^7.3.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
+  integrity sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==
+  dependencies:
+    acorn "^7.4.0"
+    acorn-jsx "^5.3.1"
+    eslint-visitor-keys "^1.3.0"
+
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-estraverse@^5.2.0:
+esquery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
+  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
   integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==
@@ -1320,6 +1813,11 @@ estree-walker@^0.6.0, estree-walker@^0.6.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
   integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
 
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
 estree-walker@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
@@ -1419,6 +1917,16 @@ extglob@^0.3.1:
   dependencies:
     is-extglob "^1.0.0"
 
+extract-zip@^1.6.6:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
 extract-zip@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
@@ -1430,7 +1938,17 @@ extract-zip@^2.0.0:
   optionalDependencies:
     "@types/yauzl" "^2.9.1"
 
-fast-levenshtein@~2.0.6:
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
@@ -1459,9 +1977,9 @@ fd-slicer@~1.1.0:
     pend "~1.2.0"
 
 fflate@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.4.tgz#b23c3f53a687bbce62a091af98f621ca7f68a191"
-  integrity sha512-BBKysCIvETp1l5wTUvjCR+tfFmlvSWtzNZe3SkQN1xDeTD9dscGypw5NZEZIkyPazKGOnpaKFlMwOmuTgApiJQ==
+  version "0.4.8"
+  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
+  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
 
 figures@^2.0.0:
   version "2.0.0"
@@ -1470,6 +1988,13 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
 filename-regex@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
@@ -1500,6 +2025,13 @@ fill-range@^2.1.0:
     repeat-element "^1.1.2"
     repeat-string "^1.5.2"
 
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
 finalhandler@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
@@ -1528,6 +2060,26 @@ findup-sync@~0.3.0:
   dependencies:
     glob "~5.0.0"
 
+flat-cache@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
+  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  dependencies:
+    flatted "^3.1.0"
+    rimraf "^3.0.2"
+
+flatted@^3.1.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.1.tgz#bbef080d95fca6709362c73044a1634f7c6e7d05"
+  integrity sha512-OMQjaErSFHmHqZe+PSidH5n8j3O0F2DdnVh8JB4j4eUQ2k6KvB0qGfrKIhapvez5JerBbmWkaLYUYWISaESoXg==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
 for-in@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -1569,16 +2121,21 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
-fsevents@~2.1.2:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+
 generic-names@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-2.0.1.tgz#f8a378ead2ccaa7a34f0317b05554832ae41b872"
@@ -1591,6 +2148,20 @@ get-func-name@^2.0.0:
   resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.0.tgz#ead774abee72e20409433a066366023dd6887a41"
   integrity sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=
 
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
+  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+
+get-port@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
+  integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -1618,6 +2189,13 @@ glob-parent@^2.0.0:
   dependencies:
     is-glob "^2.0.0"
 
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob@7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
@@ -1630,10 +2208,10 @@ glob@7.1.2:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.1.1, glob@^7.1.3:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.6:
+  version "7.1.7"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
+  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
@@ -1660,6 +2238,24 @@ global-dirs@^0.1.0:
   dependencies:
     ini "^1.3.4"
 
+globals@^13.6.0, globals@^13.9.0:
+  version "13.10.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.10.0.tgz#60ba56c3ac2ca845cfbf4faeca727ad9dd204676"
+  integrity sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g==
+  dependencies:
+    type-fest "^0.20.2"
+
+globby@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
+  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
+  dependencies:
+    array-union "^1.0.1"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
@@ -1678,9 +2274,9 @@ got@^6.7.1:
     url-parse-lax "^1.0.0"
 
 graceful-fs@^4.1.11, graceful-fs@^4.1.2:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
-  integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
 
 growl@1.10.5:
   version "1.10.5"
@@ -1694,6 +2290,11 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+has-bigints@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
+  integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
+
 has-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
@@ -1709,10 +2310,10 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-symbols@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
-  integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
+has-symbols@^1.0.1, has-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
+  integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
 
 has@^1.0.0, has@^1.0.3:
   version "1.0.3"
@@ -1741,11 +2342,6 @@ hsla-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
   integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg=
 
-html-comment-regex@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
-  integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==
-
 html-encoding-sniffer@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
@@ -1794,6 +2390,14 @@ http-proxy-agent@^4.0.1:
     agent-base "6"
     debug "4"
 
+https-proxy-agent@^2.2.1:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz#4ee7a737abd92678a293d9b34a1af4d0d08c787b"
+  integrity sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==
+  dependencies:
+    agent-base "^4.3.0"
+    debug "^3.1.0"
+
 https-proxy-agent@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz#e2a90542abb68a762e0a0850f6c9edadfd8506b2"
@@ -1824,6 +2428,11 @@ ignore-styles@^5.0.1:
   resolved "https://registry.yarnpkg.com/ignore-styles/-/ignore-styles-5.0.1.tgz#b49ef2274bdafcd8a4880a966bfe38d1a0bf4671"
   integrity sha1-tJ7yJ0va/NikiAqWa/440aC/RnE=
 
+ignore@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
+  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -1846,6 +2455,14 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
+import-fresh@^3.0.0, import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
 import-from@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
@@ -1883,7 +2500,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -1937,15 +2554,34 @@ is-arrayish@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-bigint@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.2.tgz#ffb381442503235ad245ea89e45b3dbff040ee5a"
+  integrity sha512-0JV5+SOCQkIdzjBK9buARcV804Ddu7A0Qet6sHi3FimE9ne6m4BGQZfRn+NZiXbBk4F4XmHfDZIipLj9pX8dSA==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.1.tgz#3c0878f035cb821228d350d2e1e36719716a3de8"
+  integrity sha512-bXdQWkECBUIAcCkeH1unwJLIpZYaa5VvuygSyS/c2lf719mTKZDU5UdDRlpd01UjADgmW8RfqaP+mRaVPdr/Ng==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-callable@^1.1.4, is-callable@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.2.tgz#c7c6715cd22d4ddb48d3e19970223aceabb080d9"
-  integrity sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e"
+  integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==
 
 is-ci@^1.0.10:
   version "1.2.1"
@@ -1966,17 +2602,17 @@ is-color-stop@^1.0.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
-is-core-module@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.0.0.tgz#58531b70aed1db7c0e8d4eb1a0a2d1ddd64bd12d"
-  integrity sha512-jq1AH6C8MuteOoBPwkxHafmByhL9j5q4OaPGdbuD+ZtQJVzH+i6E3BJDQcBA09k57i2Hh2yQbEG8yObZ0jdlWw==
+is-core-module@^2.2.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.5.0.tgz#f754843617c70bfd29b7bd87327400cda5c18491"
+  integrity sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==
   dependencies:
     has "^1.0.3"
 
 is-date-object@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
-  integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.4.tgz#550cfcc03afada05eea3dd30981c7b09551f73e5"
+  integrity sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==
 
 is-directory@^0.3.1:
   version "0.3.1"
@@ -2005,11 +2641,21 @@ is-extglob@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
   integrity sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=
 
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
 is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
 is-glob@^2.0.0, is-glob@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
@@ -2017,6 +2663,13 @@ is-glob@^2.0.0, is-glob@^2.0.1:
   dependencies:
     is-extglob "^1.0.0"
 
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
+  dependencies:
+    is-extglob "^2.1.1"
+
 is-installed-globally@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
@@ -2030,16 +2683,21 @@ is-module@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
   integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
 
-is-negative-zero@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.0.tgz#9553b121b0fac28869da9ed459e20c7543788461"
-  integrity sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=
+is-negative-zero@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
+  integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
 
 is-npm@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
   integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
 
+is-number-object@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.5.tgz#6edfaeed7950cff19afedce9fbfca9ee6dd289eb"
+  integrity sha512-RU0lI/n95pMoUKu9v1BZP5MBcZuNSVJkMkAG2dJqC4z2GlkGUNeH68SuHuBKBD/XFe+LHZ+f9BKkLET60Niedw==
+
 is-number@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
@@ -2052,6 +2710,11 @@ is-number@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
   integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
 
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
 is-obj@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
@@ -2089,12 +2752,20 @@ is-redirect@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
   integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
 
-is-regex@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
-  integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
+is-reference@^1.1.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
+  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
   dependencies:
-    has-symbols "^1.0.1"
+    "@types/estree" "*"
+
+is-regex@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.3.tgz#d029f9aff6448b93ebbe3f33dac71511fdcbef9f"
+  integrity sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==
+  dependencies:
+    call-bind "^1.0.2"
+    has-symbols "^1.0.2"
 
 is-resolvable@^1.0.0:
   version "1.1.0"
@@ -2111,21 +2782,19 @@ is-stream@^1.0.0, is-stream@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
 
-is-svg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
-  integrity sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==
-  dependencies:
-    html-comment-regex "^1.1.0"
+is-string@^1.0.5, is-string@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.6.tgz#3fe5d5992fb0d93404f32584d4b0179a71b54a5f"
+  integrity sha512-2gdzbKUuqtQ3lYNrUTQYoClPhm7oQu4UdpSZMp1/DGgkHBT8E2Z1l0yMdb6D4zNAxwDiMv8MdulKROJGNl0Q0w==
 
-is-symbol@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
-  integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
   dependencies:
-    has-symbols "^1.0.1"
+    has-symbols "^1.0.2"
 
-isarray@1.0.0:
+isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
@@ -2202,6 +2871,13 @@ jest-snapshot@^23.6.0:
     pretty-format "^23.6.0"
     semver "^5.5.0"
 
+jest-worker@^23.2.0:
+  version "23.2.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-23.2.0.tgz#faf706a8da36fae60eb26957257fa7b5d8ea02b9"
+  integrity sha1-+vcGqNo2+uYOsmlXJX+ntdjqArk=
+  dependencies:
+    merge-stream "^1.0.1"
+
 jest-worker@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
@@ -2210,6 +2886,15 @@ jest-worker@^24.9.0:
     merge-stream "^2.0.0"
     supports-color "^6.1.0"
 
+jest-worker@^26.2.1:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
+  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
 js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
@@ -2221,9 +2906,9 @@ js-tokens@^4.0.0:
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 js-yaml@^3.13.1:
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
-  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
   dependencies:
     argparse "^1.0.7"
     esprima "^4.0.0"
@@ -2233,7 +2918,7 @@ jsdom-global@^3.0.2:
   resolved "https://registry.yarnpkg.com/jsdom-global/-/jsdom-global-3.0.2.tgz#6bd299c13b0c4626b2da2c0393cd4385d606acb9"
   integrity sha1-a9KZwTsMRiay2iwDk81DhdYGrLk=
 
-jsdom@^16.6.0:
+jsdom@^16.4.0, jsdom@^16.6.0:
   version "16.6.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.6.0.tgz#f79b3786682065492a3da6a60a4695da983805ac"
   integrity sha512-Ty1vmF4NHJkolaEmdjtxTfSfkdb8Ywarwf63f+F8/mDD1uLSSWDxDuMiZxiPhwunLrn9LOSVItWj4bLYsLN3Dg==
@@ -2271,6 +2956,21 @@ json-parse-better-errors@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+
 json5@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
@@ -2290,6 +2990,11 @@ kind-of@^6.0.0:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
+kleur@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
 latest-version@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
@@ -2297,6 +3002,14 @@ latest-version@^3.0.0:
   dependencies:
     package-json "^4.0.0"
 
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
 levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
@@ -2305,6 +3018,21 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+livereload-js@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/livereload-js/-/livereload-js-3.3.2.tgz#c88b009c6e466b15b91faa26fd7c99d620e12651"
+  integrity sha512-w677WnINxFkuixAoUEXOStewzLYGI76XVag+0JWMMEyjJQKs0ibWZMxkTlB96Lm3EjZ7IeOxVziBEbtxVQqQZA==
+
+livereload@^0.9.1:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/livereload/-/livereload-0.9.3.tgz#a714816375ed52471408bede8b49b2ee6a0c55b1"
+  integrity sha512-q7Z71n3i4X0R9xthAryBdNGVGAO2R5X+/xXpmKeuPMrteg+W2U8VusTKV3YiJbXZwKsOlFlHe+go6uSNjfxrZw==
+  dependencies:
+    chokidar "^3.5.0"
+    livereload-js "^3.3.1"
+    opts ">= 1.2.0"
+    ws "^7.4.3"
+
 loader-utils@^1.1.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
@@ -2314,6 +3042,11 @@ loader-utils@^1.1.0:
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
+local-access@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/local-access/-/local-access-1.1.0.tgz#e007c76ba2ca83d5877ba1a125fc8dfe23ba4798"
+  integrity sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==
+
 locate-path@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
@@ -2326,17 +3059,32 @@ lodash.camelcase@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
 
+lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
+  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
+
 lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.truncate@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
+  integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=
+
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@^4.17.12, lodash@^4.17.4, lodash@^4.7.0:
+lodash@^4.17.12, lodash@^4.17.15, lodash@^4.17.4, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -2354,6 +3102,13 @@ lru-cache@^4.0.1:
     pseudomap "^1.0.2"
     yallist "^2.1.2"
 
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
 magic-string@^0.25.2, magic-string@^0.25.7:
   version "0.25.7"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
@@ -2388,11 +3143,6 @@ mdn-data@2.0.4:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
   integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
 
-mdn-data@2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.6.tgz#852dc60fcaa5daa2e8cf6c9189c440ed3e042978"
-  integrity sha512-rQvjv71olwNHgiTbfPZFkJtjNMciWgswYeciZhtvWLO8bmX3TnhyA62I6sTWOyZssWHJJjY6/KiWwqQsWWsqOA==
-
 media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
@@ -2403,6 +3153,13 @@ merge-descriptors@1.0.1:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
 
+merge-stream@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-1.0.1.tgz#4041202d508a342ba00174008df0c251b8c135e1"
+  integrity sha1-QEEgLVCKNCugAXQAjfDCUbjBNeE=
+  dependencies:
+    readable-stream "^2.0.1"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -2449,11 +3206,21 @@ mime@1.6.0:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
+mime@^2.0.3, mime@^2.3.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
+  integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==
+
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
   integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
 
+min-indent@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
+  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+
 "minimatch@2 || 3", minimatch@3.0.4, minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -2493,7 +3260,7 @@ mkdirp@0.5.1:
   dependencies:
     minimist "0.0.8"
 
-mkdirp@^0.5.1, mkdirp@~0.5.1:
+mkdirp@^0.5.1, mkdirp@^0.5.4, mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -2517,6 +3284,11 @@ mocha@^5.2.0:
     mkdirp "0.5.1"
     supports-color "5.4.0"
 
+mri@^1.1.0:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/mri/-/mri-1.1.6.tgz#49952e1044db21dbf90f6cd92bc9c9a777d415a6"
+  integrity sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -2532,6 +3304,11 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
@@ -2558,9 +3335,9 @@ node-fetch@^2.6.1:
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
 node-releases@^1.1.71:
-  version "1.1.72"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.72.tgz#14802ab6b1039a79a0c7d662b610a5bbd76eacbe"
-  integrity sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw==
+  version "1.1.73"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.73.tgz#dd4e81ddd5277ff846b80b52bb40c49edf7a7b20"
+  integrity sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==
 
 normalize-path@^2.0.1:
   version "2.1.1"
@@ -2569,6 +3346,11 @@ normalize-path@^2.0.1:
   dependencies:
     remove-trailing-separator "^1.0.1"
 
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
 normalize-url@^3.0.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
@@ -2600,33 +3382,39 @@ nwsapi@^2.2.0:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
   integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
-object-inspect@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0"
-  integrity sha512-jLdtEOB112fORuypAyl/50VRVIBIdVQOSUUGQHzJ4xBSbit81zRarz7GThkEFZy1RceYrWYcPcBFPQwHyAc1gA==
+object-assign@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+object-inspect@^1.10.3:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
+  integrity sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==
 
 object-keys@^1.0.12, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.1.tgz#303867a666cdd41936ecdedfb1f8f3e32a478cdd"
-  integrity sha512-VT/cxmx5yaoHSOTSyrCygIDFco+RsibY2NM0a4RdEeY/4KgqezwFtK1yr3U67xYhqJSlASm2pKhLVzPj2lr4bA==
+object.assign@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
+  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
   dependencies:
+    call-bind "^1.0.0"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.0"
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
-object.getownpropertydescriptors@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
-  integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
+object.getownpropertydescriptors@^2.1.0, object.getownpropertydescriptors@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz#1bd63aeacf0d5d2d2f31b5e393b03a7c601a23f7"
+  integrity sha512-WtxeKSzfBjlzL+F9b7M7hewDzMwy+C8NRssHd1YrNlzHzIDrXcXiNOMrezdAEM4UXixgV+vvnyBeN7Rygl2ttQ==
   dependencies:
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
+    es-abstract "^1.18.0-next.2"
 
 object.omit@^2.0.0:
   version "2.0.1"
@@ -2637,14 +3425,13 @@ object.omit@^2.0.0:
     is-extendable "^0.1.1"
 
 object.values@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
-  integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.4.tgz#0d273762833e816b693a637d30073e7051535b30"
+  integrity sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==
   dependencies:
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
+    es-abstract "^1.18.2"
 
 on-finished@~2.3.0:
   version "2.3.0"
@@ -2687,6 +3474,23 @@ optionator@^0.8.1:
     type-check "~0.3.2"
     word-wrap "~1.2.3"
 
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
+"opts@>= 1.2.0":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/opts/-/opts-2.0.2.tgz#a17e189fbbfee171da559edd8a42423bc5993ce1"
+  integrity sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==
+
 os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
@@ -2741,6 +3545,13 @@ package-json@^4.0.0:
     registry-url "^3.0.3"
     semver "^5.1.0"
 
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
 parse-glob@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
@@ -2796,26 +3607,41 @@ path-key@^2.0.0, path-key@^2.0.1:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
   integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
 
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
 path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
 path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
-pathval@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.0.tgz#b942e6d4bde653005ef6b71361def8727d0645e0"
-  integrity sha1-uULm1L3mUwBe9rcTYd74cn0GReA=
+pathval@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
+  integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
 pend@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
 
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
+  integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
+
+pify@^2.0.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
@@ -2826,6 +3652,18 @@ pify@^5.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
   integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
 
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
+
 pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -2889,6 +3727,31 @@ postcss-discard-overridden@^4.0.1:
   dependencies:
     postcss "^7.0.0"
 
+postcss-easy-import@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-3.0.0.tgz#8eaaf5ae59566083d0cae98735dfd803e3ab194d"
+  integrity sha512-cfNsear/v8xlkl9v5Wm8y4Do/puiDQTFF+WX2Fo++h7oKt1fKWVVW/5Ca8hslYDQWnjndrg813cA23Pt1jsYdg==
+  dependencies:
+    globby "^6.1.0"
+    is-glob "^4.0.0"
+    lodash "^4.17.4"
+    object-assign "^4.0.1"
+    pify "^3.0.0"
+    postcss "^6.0.11"
+    postcss-import "^10.0.0"
+    resolve "^1.1.7"
+
+postcss-import@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-10.0.0.tgz#4c85c97b099136cc5ea0240dc1dfdbfde4e2ebbe"
+  integrity sha1-TIXJewmRNsxeoCQNwd/b/eTi674=
+  dependencies:
+    object-assign "^4.0.1"
+    postcss "^6.0.1"
+    postcss-value-parser "^3.2.3"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
 postcss-load-config@^2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
@@ -3121,21 +3984,18 @@ postcss-selector-parser@^3.0.0:
     uniq "^1.0.1"
 
 postcss-selector-parser@^6.0.2:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
-  integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==
+  version "6.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz#2c5bba8174ac2f6981ab631a42ab0ee54af332ea"
+  integrity sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==
   dependencies:
     cssesc "^3.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
     util-deprecate "^1.0.2"
 
-postcss-svgo@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
-  integrity sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==
+postcss-svgo@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.3.tgz#343a2cdbac9505d416243d496f724f38894c941e"
+  integrity sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==
   dependencies:
-    is-svg "^3.0.0"
     postcss "^7.0.0"
     postcss-value-parser "^3.0.0"
     svgo "^1.0.0"
@@ -3149,7 +4009,7 @@ postcss-unique-selectors@^4.0.1:
     postcss "^7.0.0"
     uniqs "^2.0.0"
 
-postcss-value-parser@^3.0.0:
+postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
@@ -3168,7 +4028,7 @@ postcss@6.0.1:
     source-map "^0.5.6"
     supports-color "^3.2.3"
 
-postcss@^6.0.1:
+postcss@^6.0.1, postcss@^6.0.11:
   version "6.0.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
   integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
@@ -3178,14 +4038,19 @@ postcss@^6.0.1:
     supports-color "^5.4.0"
 
 postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.27:
-  version "7.0.35"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.35.tgz#d2be00b998f7f211d8a276974079f2e92b970e24"
-  integrity sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==
+  version "7.0.36"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb"
+  integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==
   dependencies:
     chalk "^2.4.2"
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -3214,7 +4079,12 @@ pretty-format@^23.6.0:
     ansi-regex "^3.0.0"
     ansi-styles "^3.2.0"
 
-progress@^2.0.1:
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.0, progress@^2.0.1:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
@@ -3232,7 +4102,7 @@ proxy-addr@~2.0.5:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
-proxy-from-env@^1.1.0:
+proxy-from-env@^1.0.0, proxy-from-env@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
@@ -3255,11 +4125,25 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-punycode@^2.1.1:
+punycode@^2.1.0, punycode@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
+puppeteer@^1.15.0:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.20.0.tgz#e3d267786f74e1d87cf2d15acc59177f471bbe38"
+  integrity sha512-bt48RDBy2eIwZPrkgbcwHtb51mj2nKvHOPMaSH2IsWiv7lOG9k9zhaRzpDZafrk05ajMc3cu+lSQYYOfH2DkVQ==
+  dependencies:
+    debug "^4.1.0"
+    extract-zip "^1.6.6"
+    https-proxy-agent "^2.2.1"
+    mime "^2.0.3"
+    progress "^2.0.1"
+    proxy-from-env "^1.0.0"
+    rimraf "^2.6.1"
+    ws "^6.1.0"
+
 puppeteer@^9.1.1:
   version "9.1.1"
   resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-9.1.1.tgz#f74b7facf86887efd6c6b9fabb7baae6fdce012c"
@@ -3329,6 +4213,26 @@ rc@^1.0.1, rc@^1.1.6:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.0.1, readable-stream@^2.2.2:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
 readable-stream@^3.1.1, readable-stream@^3.4.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
@@ -3338,6 +4242,13 @@ readable-stream@^3.1.1, readable-stream@^3.4.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
 realpath-native@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
@@ -3357,6 +4268,11 @@ regex-cache@^0.4.2:
   dependencies:
     is-equal-shallow "^0.1.3"
 
+regexpp@^3.0.0, regexpp@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
+  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+
 registry-auth-token@^3.0.1:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
@@ -3378,20 +4294,35 @@ remove-trailing-separator@^1.0.1:
   integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
 
 repeat-element@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
-  integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
+  integrity sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==
 
 repeat-string@^1.5.2:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
 
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+require-relative@^0.8.7:
+  version "0.8.7"
+  resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
+  integrity sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
+
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
   integrity sha1-six699nWiBvItuZTM17rywoYh0g=
 
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
 resolve-from@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
@@ -3402,12 +4333,12 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.16.1:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.18.1.tgz#018fcb2c5b207d2a6424aee361c5a266da8f4130"
-  integrity sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA==
+resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.14.1, resolve@^1.14.2, resolve@^1.16.1:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
+  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
   dependencies:
-    is-core-module "^2.0.0"
+    is-core-module "^2.2.0"
     path-parse "^1.0.6"
 
 restore-cursor@^2.0.0:
@@ -3428,6 +4359,13 @@ rgba-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
   integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
 
+rimraf@^2.6.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
 rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -3445,6 +4383,20 @@ rollup-plugin-commonjs@^9.2.0:
     resolve "^1.10.0"
     rollup-pluginutils "^2.6.0"
 
+rollup-plugin-css-only@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-css-only/-/rollup-plugin-css-only-3.1.0.tgz#6a701cc5b051c6b3f0961e69b108a9a118e1b1df"
+  integrity sha512-TYMOE5uoD76vpj+RTkQLzC9cQtbnJNktHPB507FzRWBVaofg7KhIqq1kGbcVOadARSozWF883Ho9KpSPKH8gqA==
+  dependencies:
+    "@rollup/pluginutils" "4"
+
+rollup-plugin-livereload@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-livereload/-/rollup-plugin-livereload-2.0.5.tgz#4747fa292a2cceb0c972c573d71b3d66b4252b37"
+  integrity sha512-vqQZ/UQowTW7VoiKEM5ouNW90wE5/GZLfdWuR0ELxyKOJUIaj+uismPZZaICU4DnWPVjnpCDDxEqwU7pcKY/PA==
+  dependencies:
+    livereload "^0.9.1"
+
 rollup-plugin-node-resolve@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.4.0.tgz#908585eda12e393caac7498715a01e08606abc89"
@@ -3482,6 +4434,24 @@ rollup-plugin-rename-node-modules@^1.1.0:
     estree-walker "^2.0.1"
     magic-string "^0.25.7"
 
+rollup-plugin-svelte@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-7.1.0.tgz#d45f2b92b1014be4eb46b55aa033fb9a9c65f04d"
+  integrity sha512-vopCUq3G+25sKjwF5VilIbiY6KCuMNHP1PFvx2Vr3REBNMDllKHFZN2B9jwwC+MqNc3UPKkjXnceLPEjTjXGXg==
+  dependencies:
+    require-relative "^0.8.7"
+    rollup-pluginutils "^2.8.2"
+
+rollup-plugin-terser@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-3.0.0.tgz#045bd7cf625ee1affcfe6971dab6fffe6fb48c65"
+  integrity sha512-Ed9zRD7OoCBnh0XGlEAJle5TCUsFXMLClwKzZWnS1zbNO4MelHjfCSdFZxCAdH70M40nhZ1nRrY2GZQJhSMcjA==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    jest-worker "^23.2.0"
+    serialize-javascript "^1.5.0"
+    terser "^3.8.2"
+
 rollup-plugin-terser@^5.3.0:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-5.3.1.tgz#8c650062c22a8426c64268548957463bf981b413"
@@ -3493,6 +4463,16 @@ rollup-plugin-terser@^5.3.0:
     serialize-javascript "^4.0.0"
     terser "^4.6.2"
 
+rollup-plugin-terser@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
+  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    jest-worker "^26.2.1"
+    serialize-javascript "^4.0.0"
+    terser "^5.0.0"
+
 rollup-plugin-typescript@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rollup-plugin-typescript/-/rollup-plugin-typescript-1.0.1.tgz#86565033b714c3d1f3aba510aad3dc519f7091e9"
@@ -3508,17 +4488,20 @@ rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.3.3:
-  version "2.32.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.32.1.tgz#625a92c54f5b4d28ada12d618641491d4dbb548c"
-  integrity sha512-Op2vWTpvK7t6/Qnm1TTh7VjEZZkN8RWgf0DHbkKzQBwNf748YhXbozHVefqpPp/Fuyk/PQPAnYsBxAEtlMvpUw==
-  optionalDependencies:
-    fsevents "~2.1.2"
+rollup@^0.66.4:
+  version "0.66.6"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.66.6.tgz#ce7d6185beb7acea644ce220c25e71ae03275482"
+  integrity sha512-J7/SWanrcb83vfIHqa8+aVVGzy457GcjA6GVZEnD0x2u4OnOd0Q1pCrEoNe8yLwM6z6LZP02zBT2uW0yh5TqOw==
+  dependencies:
+    "@types/estree" "0.0.39"
+    "@types/node" "*"
 
-rrweb-snapshot@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.1.7.tgz#92a3b47b1112a1b566c2fae2edb02fa48a6f6653"
-  integrity sha512-+f2kCCvIQ1hbEeCWnV7mPVPDEdWEExqwcYqMd/r1nfK52QE7qU52jefUOyTe85Vy67rZGqWnfK/B25e/OTSgYg==
+rollup@^2.3.3, rollup@^2.45.2:
+  version "2.53.3"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.53.3.tgz#14b0e57f0874d4ad23bdbb13050cf70bcd1eabf7"
+  integrity sha512-79QIGP5DXz5ZHYnCPi3tLz+elOQi6gudp9YINdaJdjG0Yddubo6JRFUM//qCZ0Bap/GJrsUoEBVdSOc4AkMlRA==
+  optionalDependencies:
+    fsevents "~2.3.2"
 
 run-async@^2.2.0:
   version "2.4.1"
@@ -3526,13 +4509,20 @@ run-async@^2.2.0:
   integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
 
 rxjs@^6.4.0:
-  version "6.6.3"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
-  integrity sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==
+  version "6.6.7"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
+  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
   dependencies:
     tslib "^1.9.0"
 
-safe-buffer@5.1.2:
+sade@^1.4.0, sade@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/sade/-/sade-1.7.4.tgz#ea681e0c65d248d2095c90578c03ca0bb1b54691"
+  integrity sha512-y5yauMD93rX840MwUJr7C1ysLFBgMspsdTo4UVrDg3fXDvtwOyIqykhVAAm6fk/3au77773itJStObgK+LKaiA==
+  dependencies:
+    mri "^1.1.0"
+
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
@@ -3576,6 +4566,13 @@ semver@^5.0.3, semver@^5.1.0, semver@^5.5.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
+semver@^7.2.1, semver@^7.3.2:
+  version "7.3.5"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
+  integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
+  dependencies:
+    lru-cache "^6.0.0"
+
 send@0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
@@ -3595,6 +4592,11 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
+serialize-javascript@^1.5.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.9.1.tgz#cfc200aef77b600c47da9bb8149c943e798c2fdb"
+  integrity sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -3624,11 +4626,23 @@ shebang-command@^1.2.0:
   dependencies:
     shebang-regex "^1.0.0"
 
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
 shebang-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
@@ -3641,12 +4655,42 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+sirv-cli@^0.4.4:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/sirv-cli/-/sirv-cli-0.4.6.tgz#c28ab20deb3b34637f5a60863dc350f055abca04"
+  integrity sha512-/Vj85/kBvPL+n9ibgX6FicLE8VjidC1BhlX67PYPBfbBAphzR6i0k0HtU5c2arejfU3uzq8l3SYPCwl1x7z6Ww==
+  dependencies:
+    console-clear "^1.1.0"
+    get-port "^3.2.0"
+    kleur "^3.0.0"
+    local-access "^1.0.1"
+    sade "^1.4.0"
+    sirv "^0.4.6"
+    tinydate "^1.0.0"
+
+sirv@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-0.4.6.tgz#185e44eb93d24009dd183b7494285c5180b81f22"
+  integrity sha512-rYpOXlNbpHiY4nVXxuDf4mXPvKz1reZGap/LkWp9TvcZ84qD/nPBjjH/6GZsgIjVMbOslnY8YYULAyP8jMn1GQ==
+  dependencies:
+    "@polka/url" "^0.5.0"
+    mime "^2.3.1"
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
   integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
 
-source-map-support@^0.5.6, source-map-support@~0.5.12:
+slice-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
+  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^3.0.0"
+
+source-map-support@^0.5.6, source-map-support@~0.5.10, source-map-support@~0.5.12, source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
   integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
@@ -3664,6 +4708,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.3, source-map@~0.7.2:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+
 sourcemap-codec@^1.4.4:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
@@ -3680,9 +4729,11 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.5.tgz#a19b0b01947e0029c8e451d5d61a498f5bb1471b"
+  integrity sha512-KZiTzuV3CnSnSvgMRrARVCj+Ht7rMbauGDK0LdVFRGyenwdylpajAp4Q0i6SX8rEmbTpMMf6ryq2gb8pPq2WgQ==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
   version "1.5.0"
@@ -3702,21 +4753,30 @@ string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string.prototype.trimend@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.2.tgz#6ddd9a8796bc714b489a3ae22246a208f37bfa46"
-  integrity sha512-8oAG/hi14Z4nOVP0z6mdiVZ/wqjDtWSLygMigTzAb+7aPEDTleeFf+WrF+alzecxIRkckkJVn+dTlwzJXORATw==
+string-width@^4.2.0:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
+  integrity sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==
   dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.0"
 
-string.prototype.trimstart@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.2.tgz#22d45da81015309cd0cdd79787e8919fc5c613e7"
-  integrity sha512-7F6CdBTl5zyu30BJFdzSTlSlLPwODC23Od+iLoVH8X6+3fvDPPuBVVj9iaB1GOsSTSIgVfsfm27R2FGrAPznWg==
+string.prototype.trimend@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
+  integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
   dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+
+string.prototype.trimstart@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
+  integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
+  dependencies:
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
 
 string_decoder@^1.1.1:
   version "1.3.0"
@@ -3725,6 +4785,13 @@ string_decoder@^1.1.1:
   dependencies:
     safe-buffer "~5.2.0"
 
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
 strip-ansi@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -3746,11 +4813,30 @@ strip-ansi@^5.1.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
+  dependencies:
+    ansi-regex "^5.0.0"
+
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
   integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
 
+strip-indent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
+  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
+  dependencies:
+    min-indent "^1.0.0"
+
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
 strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
@@ -3810,13 +4896,43 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.1.0:
+supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
 
+svelte-check@^1.4.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/svelte-check/-/svelte-check-1.6.0.tgz#fcc7b28252a89be0e4cd369c58bbf8e76e81295f"
+  integrity sha512-nQTlbFJWhwoeLY5rkhgbjzGQSwk5F1pRdEXait0EFaQSrE/iJF+PIjrQlk0BjL/ogk9HaR9ZI0DQSYrl7jl3IQ==
+  dependencies:
+    chalk "^4.0.0"
+    chokidar "^3.4.1"
+    glob "^7.1.6"
+    import-fresh "^3.2.1"
+    minimist "^1.2.5"
+    sade "^1.7.4"
+    source-map "^0.7.3"
+    svelte-preprocess "^4.0.0"
+    typescript "*"
+
+svelte-preprocess@^4.0.0:
+  version "4.7.4"
+  resolved "https://registry.yarnpkg.com/svelte-preprocess/-/svelte-preprocess-4.7.4.tgz#e4d5208ab25c2aaaf19e837f7d7bbf7930e61d2b"
+  integrity sha512-mDAmaltQl6e5zU2VEtoWEf7eLTfuOTGr9zt+BpA3AGHo8MIhKiNSPE9OLTCTOMgj0vj/uL9QBbaNmpG4G1CgIA==
+  dependencies:
+    "@types/pug" "^2.0.4"
+    "@types/sass" "^1.16.0"
+    detect-indent "^6.0.0"
+    strip-indent "^3.0.0"
+
+svelte@^3.2.0:
+  version "3.40.0"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.40.0.tgz#777d47b0aad840bb4dd2eea74400e8caccfb7a5a"
+  integrity sha512-PCof5NCkxw7ZIkypiHwmjk8jCnnlmJ62NQIcGr/keBCOCx2FdAYmpjLjAey8hGy58xKK4WtwLUgFNcQZK2fPLQ==
+
 svgo@^1.0.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
@@ -3841,6 +4957,18 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
+table@^6.0.9:
+  version "6.7.1"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.7.1.tgz#ee05592b7143831a8c94f3cee6aae4c1ccef33e2"
+  integrity sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==
+  dependencies:
+    ajv "^8.0.1"
+    lodash.clonedeep "^4.5.0"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+
 tar-fs@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
@@ -3869,6 +4997,15 @@ term-size@^1.2.0:
   dependencies:
     execa "^0.7.0"
 
+terser@^3.8.2:
+  version "3.17.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-3.17.0.tgz#f88ffbeda0deb5637f9d24b0da66f4e15ab10cb2"
+  integrity sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ==
+  dependencies:
+    commander "^2.19.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.10"
+
 terser@^4.6.2:
   version "4.8.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
@@ -3878,6 +5015,20 @@ terser@^4.6.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^5.0.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.7.1.tgz#2dc7a61009b66bb638305cb2a824763b116bf784"
+  integrity sha512-b3e+d5JbHAe/JSjwsC3Zn55wsBIM7AsHLjKxT31kGCldgbpFePaFo+PiddtO6uwRZWRw7sPXmAN8dTW61xmnSg==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.7.2"
+    source-map-support "~0.5.19"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+
 through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
@@ -3893,6 +5044,11 @@ timsort@^0.3.0:
   resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
+tinydate@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/tinydate/-/tinydate-1.3.0.tgz#e6ca8e5a22b51bb4ea1c3a2a4fd1352dbd4c57fb"
+  integrity sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -3905,6 +5061,13 @@ to-fast-properties@^1.0.3:
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
   integrity sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=
 
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
 toidentifier@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
@@ -3947,12 +5110,12 @@ ts-node@^7.0.1:
     source-map-support "^0.5.6"
     yn "^2.0.0"
 
-tslib@^1.9.0, tslib@^1.9.3:
+tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.2.0:
+tslib@^2.0.0, tslib@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
@@ -3977,6 +5140,20 @@ tsutils@^1.1.0:
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-1.9.1.tgz#b9f9ab44e55af9681831d5f28d0aeeaf5c750cb0"
   integrity sha1-ufmrROVa+WgYMdXyjQrur1x1DLA=
 
+tsutils@^3.17.1:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
@@ -3989,6 +5166,11 @@ type-detect@^4.0.0, type-detect@^4.0.5:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
 type-is@~1.6.17, type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
@@ -3997,10 +5179,30 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typescript@^3.9.5:
-  version "3.9.7"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+typescript@*:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
+  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+
+typescript@^3.4.1, typescript@^3.9.5, typescript@^3.9.7:
+  version "3.9.10"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.10.tgz#70f3910ac7a51ed6bef79da7800690b19bf778b8"
+  integrity sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==
+
+unbox-primitive@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"
+  integrity sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==
+  dependencies:
+    function-bind "^1.1.1"
+    has-bigints "^1.0.1"
+    has-symbols "^1.0.2"
+    which-boxed-primitive "^1.0.2"
 
 unbzip2-stream@^1.3.3:
   version "1.4.3"
@@ -4063,6 +5265,13 @@ update-notifier@^2.0.0:
     semver-diff "^2.0.0"
     xdg-basedir "^3.0.0"
 
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
 url-parse-lax@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
@@ -4070,12 +5279,23 @@ url-parse-lax@^1.0.0:
   dependencies:
     prepend-http "^1.0.1"
 
-util-deprecate@^1.0.1, util-deprecate@^1.0.2:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@^1.0.0, util.promisify@~1.0.0:
+util.promisify@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.1.1.tgz#77832f57ced2c9478174149cae9b96e9918cd54b"
+  integrity sha512-/s3UsZUrIfa6xDhr7zZhnE9SLQ5RIXyYfiVnMMyMDzOc8WhWN4Nbh36H842OyurKbCDAesZOJaVyvmSl6fhGQw==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+    for-each "^0.3.3"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.1"
+
+util.promisify@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
   integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
@@ -4090,6 +5310,11 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
+v8-compile-cache@^2.0.3:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
+  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@@ -4145,6 +5370,17 @@ whatwg-url@^8.0.0, whatwg-url@^8.5.0:
     tr46 "^2.1.0"
     webidl-conversions "^6.1.0"
 
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
 which@^1.2.9:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@@ -4152,6 +5388,13 @@ which@^1.2.9:
   dependencies:
     isexe "^2.0.0"
 
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
 widest-line@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
@@ -4159,7 +5402,7 @@ widest-line@^2.0.0:
   dependencies:
     string-width "^2.1.1"
 
-word-wrap@~1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
@@ -4183,15 +5426,17 @@ write-file-atomic@^2.0.0:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.2"
 
-ws@^7.2.3:
-  version "7.4.6"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.6.tgz#5654ca8ecdeee47c33a9a4bf6d28e2be2980377c"
-  integrity sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==
+ws@^6.1.0:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
+  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
+  dependencies:
+    async-limiter "~1.0.0"
 
-ws@^7.4.5:
-  version "7.5.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.1.tgz#44fc000d87edb1d9c53e51fbc69a0ac1f6871d66"
-  integrity sha512-2c6faOUH/nhoQN6abwMloF7Iyl0ZS2E9HGtsiLrWn0zOOMWlhtDmdf/uihDt6jnuCxgtwGBNy6Onsoy2s2O2Ow==
+ws@^7.2.3, ws@^7.4.3, ws@^7.4.5:
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.3.tgz#160835b63c7d97bfab418fc1b8a9fced2ac01a74"
+  integrity sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==
 
 xdg-basedir@^3.0.0:
   version "3.0.0"
@@ -4213,6 +5458,11 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
 yauzl@^2.10.0:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"

From 2fffcfeb117b2c0134736587083384b3f2581011 Mon Sep 17 00:00:00 2001
From: Mark-fenng <f18846188605@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH 345/345] update links of packages and README

---
 packages/rrweb-player/package.json   | 6 +++---
 packages/rrweb-snapshot/README.md    | 2 +-
 packages/rrweb-snapshot/package.json | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/rrweb-player/package.json b/packages/rrweb-player/package.json
index 12e1f9c1..eba1f8d3 100644
--- a/packages/rrweb-player/package.json
+++ b/packages/rrweb-player/package.json
@@ -46,7 +46,7 @@
   "typings": "typings/index.d.ts",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/rrweb-io/rrweb-player.git"
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
     "rrweb"
@@ -54,7 +54,7 @@
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/rrweb-io/rrweb-player/issues"
+    "url": "https://github.com/rrweb-io/rrweb/issues"
   },
-  "homepage": "https://github.com/rrweb-io/rrweb-player#readme"
+  "homepage": "https://github.com/rrweb-io/rrweb#readme"
 }
diff --git a/packages/rrweb-snapshot/README.md b/packages/rrweb-snapshot/README.md
index 46f1702b..934f9034 100644
--- a/packages/rrweb-snapshot/README.md
+++ b/packages/rrweb-snapshot/README.md
@@ -1,6 +1,6 @@
 # rrweb-snapshot
 
-[![Build Status](https://travis-ci.org/rrweb-io/rrweb-snapshot.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb-snapshot) [![Join the chat at https://gitter.im/rrweb-io/rrweb-snapshot](https://badges.gitter.im/rrweb-io/rrweb-snapshot.svg)](https://gitter.im/rrweb-io/rrweb-snapshot?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Build Status](https://travis-ci.org/rrweb-io/rrweb.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb) [![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
 
 Snapshot the DOM into a stateful and serializable data structure.
 Also, provide the ability to rebuild the DOM via snapshot.
diff --git a/packages/rrweb-snapshot/package.json b/packages/rrweb-snapshot/package.json
index bd312935..1025d7c3 100644
--- a/packages/rrweb-snapshot/package.json
+++ b/packages/rrweb-snapshot/package.json
@@ -11,7 +11,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/rrweb-io/rrweb-snapshot.git"
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
     "rrweb",
@@ -31,9 +31,9 @@
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/rrweb-io/rrweb-snapshot/issues"
+    "url": "https://github.com/rrweb-io/rrweb/issues"
   },
-  "homepage": "https://github.com/rrweb-io/rrweb-snapshot#readme",
+  "homepage": "https://github.com/rrweb-io/rrweb/tree/master/packages/rrweb-snapshot#readme",
   "devDependencies": {
     "@types/chai": "^4.1.4",
     "@types/jsdom": "^16.2.4",